CSS LIST-STYLE-POSITION

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

Example
1
2
3
ul {
  list-style-position: inside
}
1
2
3
<ul>
  <li style="list-style-position: inside">content</li>
</ul>

Possible Values

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