Question

I’m using this CSS code

#main ul li {
  list-style-type: disc;       
  list-style-position: inside; 
} 

for displaying list items.

The problem is that if the list items spreads over more lines, new lines aren’t indented. My list renders the text below the dot and I’d like it rendered indented.

Answer 1

Don’t use this:

list-style-position: inside; 

Use this:

list-style-position: outside; 

To compare, see: http://jsfiddle.net/HKPUr/