List Style Position


Syntax: list-style-position: <value>
Possible Values: inside | outside
Initial Value: outside
Applies to: Elements with display value list-item
Inherited: Yes

The list-style-position property takes the value inside or outside, with outside being the default. This property determines where the marker is placed in regard to the list item. If the value inside is used, the lines will wrap under the marker instead of being indented. An example rendering is:

Outside rendering:
 * List item 1
   second line of list item

Inside rendering:
   * List item 1
   second line of list item

CSS Index ~ CSS Structure ~ CSS Properties