This property determines how the list-marker is rendered in relation to the content of the list item

 

Example

ul { list-style-position: inside }

<ul><li style=”list-style-position: inside”>content</li></ul> 

 

Possible Values

Value Description
inherit Explicitly sets the value of this property to that of the parent
outside This specifies that all list item content will be rendered indented from the list-marker
inside This renders wrapped content at a similar indentation level to the list-marker

 

 

Leave a Reply