list-style-position

list-style-position

CSS list-style-position Property

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

click here to code. 

Tweet