CSS 2.1 Reference: list-style-position Property

The list-style-position property is used to specify the location of the list item marker. The list item marker can be located inside or outside of the element's box.

This property is specified by using a keyword according to the syntax shown above.

CSS Example: The list-style-position properties are set to inside and outside.

  .in {list-style-position: inside;}
  .out {list-style-position: outside;}

• inside - The list item marker is located inside the element's box.
• outside - The list item marker is located outside the element's box.
• inherit - The inherit keyword is used to specify that the value for this property should be taken from the parent element. If inherit is used with the root element, then the initial value for this property will be used.