The list-style-position property is pretty minor. Internet Explorer 7 supports this property, but Mozilla Firefox 2 does not. CSS treats lines in a list as though they reside in a rectangular box. The labels for the lines can be controlled separately.

The two values that go with list-style-position are inside and outside. The inside property places the label inside the box; outside places it outside the box. The end result of all this is only that the label will appear slightly closer or further away from the line of text. The coding looks like this:

ol {list-style-type: upper-roman; list-style-position: inside;}

ol ol {list-style-type: upper-alpha; list-style-position: inside;}

ol ol ol {list-style-type: decimal; list-style-position: inside;}