The CSS list-style-position determines how the list-marker in HTML list structures is rendered in relation to the content of the list item.
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. |
HTML example:
<ul> <li style="list-style-position:inside;">TEXT</li> </ul>
CSS example:
li {
list-style-position:inside;
}