list-style-position Description:
The list-style-position property defines the placement of the bullet or number of the list within the content.
list-style-position in CSS Versions:
list-style-position Syntax:
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.
list-style-position Initial Value:
outside
list-style-position Applies To:
All elements with display value of list-item.
list-style-position Inheritance:
This property is inherited.
list-style-position Browser Support:
list-style-position Examples:
create an inside list
<ul style="list-style-position: inside;">
<li>one</li>
<li>two</li>
<li>three</li>
</ul>
list-style-position Special Notes:
- The location of the bullet in inside lists is not precisely specified by CSS, so user-agents may interpret it differently.
