Indent List in HTML and CSS

Question

I\'m new to CSS and working with list. I tried using one of the code I saw on w3schools which shows how to indent lists:

A n         


        

Answer 1

li {
  padding-left: 30px;
}

Some text to show left edge of container.


  
List item

The above will add 30px of space between the bullet or number and your text.

li {
  margin-left: 30px;
}

Some text to show left edge of container.


  
List item

The above will add 30px of space between the bullet or number and the left edge of the container.