The CSS list-style-position property is used to specify the position of list item markers and their content.
CSS CODE EXAMPLE
<style type="text/css">
#list1 {
list-style-position: outside;
}
#list2 {
list-style-position: inside;
}
#list3 {
list-style-position: hanging;
}
</style>
<ul id="list1">
<li>My list item</li>
<li>Another list item</li>
<li>Final list item</li>
</ul>
<ul id="list2">
<li>My list item</li>
<li>Another list item</li>
<li>Final list item</li>
</ul>
<ul id="list3">
<li>My list item</li>
<li>Another list item</li>
<li>Final list item</li>
</ul>
- My list item
- Another list item
- Final list item
- My list item
- Another list item
- Final list item
- My list item
- Another list item
- Final list item
Possible Values:
inside •• outside •• hanging
