As shown in Figure B-3, list-style-position controls whether or not the markers for list elements hang in the margin of list items or appear within the block.
Inherited: Yes
See also: Section B.59list-style
inside or outside
Initial value: outside
CSS Version: 1
This property works in all CSS-compatible browsers, with the notable exception of Netscape 4.
Internet Explorer 4 for Macintosh exhibits rendering glitches when this property is set to inside.
This style rule sets lists of class compact to display markers within the rectangular block of the list item text and removes the associated left margin:
ul.compact, ol.compact { list-style-position: inside; margin-left: 0; }