list-style-position
Definition
The list-style-position property specifies if the list marker (a bullet, number, image, etc.) should be rendered inside or outside the rectangle created by the list item. The screen shot below shows a list with bullets rendered outside the rectangle created by the list items.
The screen shot below shows a list with bullets rendered inside the rectangle created by the list items.
Example
ol {list-style-position: inside}
Characteristics
Possible values
inside- Render the list marker (bullet, number, image, etc.) inside the rectangle created by the list item.
outside- Render the list marker (bullet, number, image, etc.) outside the rectangle created by the list item.
inherit- Use the same computed value as the parent element for this property.
Default value
outside
Applies to
Inherited
Yes
See also