# Property Description

The list-style-position property specifies if the markers should appear inside or outside of the content flow.

# Property Values

Value | Description
--- | ---
inside | Indents the marker and the text. Markers appear inside the content flow
outside | (default) Indents the marker. Markers appear outside the content flow
inherit1 | Specifies that the value of the property should be inherited from the parent element

# Examples

This example specifies that the list-item markers should appear inside the content flow (results in an extra indentation).

    ul {
      list-style-position:inside;
    }

This example shows the results of setting the various list-style-position values:

list-style-position:inside

- Item 1
- Item 2
- Item 3

list-style-position:outside

- Item 1
- Item 2
- Item 3

# Browser Support

Firefox | IE | Chrome | Opera | Safari

1 - 'inherit' not supported by IE

# Miscellaneous Information

Inherited: | Yes
Defined In: | CSS1