list-style-position

The list-style-position property defines the placement of the bullet or number of the list within the content.

• CSS 1
• CSS 2
• CSS 3

list-style-position: inside | outside | inherit

• inside
  Text flows in a more compact fashion, with the bullet appearing inside the content flow.
• outside
  The bullet appears outside the content flow, this is the more common view.
• inherit
  The element should have the same list-style-position setting as the parent.

outside

All elements with display value of list-item.

This property is inherited.

• Netscape 6, 7
• Mozilla 1
• Firefox 1
• Internet Explorer 4, 5, 6
• Opera 3, 4, 5, 6, 7, 8
• Safari 1

create an inside list

<ul style="list-style-position: inside;">
<li>one</li>
<li>two</li>
<li>three</li>
</ul>

• The location of the bullet in inside lists is not precisely specified by CSS, so user-agents may interpret it differently.

• Lists
• The li Tag
• list-style
• list-style-image
• list-style-type

Return to the Style Library