CSS2 Test Suite: 12.6.2 list-style-position

The style declarations contained within this page:

.cl1 {list-style-position: outside;}
.cl2 {list-style-position: inside;}
.parent {list-style-position: inside;}
.inh1 {list-style-position: outside;}

• [cl1] The text in this item should behave as expected; that is, it should line up with itself on the left side, leaving blank space beneath the bullet.
• [cl2] The text in this item should not behave as expected; that is, it should line up with the bullet on the left margin, leaving no blank space beneath the bullet. The left side of the text should line up with the left side of the text in the previous list item, with the marker simply sitting at the beginning of the first line of text.

• This list item should have the marker on the inside of the content, and not hanging outside of it.
• This list item contains a nested list.
  • The list items in this list should also have inside markers.
  • This is because of the style attribute on the 'ul' element, which has been set to inherit the value of list-style-position.
  • Should the markers in this sub-list be on the outside of the list items' content, the test has been failed.
• This list item should have an inside marker, as it is the end of the parent element.