CSS list-style-position Property

Example

Specify that the the list-item markers should appear inside the content flow (results in an extra indentation):

ul
{
list-style-position:inside;
}

Try it yourself »

The list-style-position property specifies if the list-item markers should appear inside or outside the content flow.

Outside:

Inside:

Default value:	outside
Inherited:	yes
Version:	CSS1
JavaScript syntax:	object.style.listStylePosition="inside"

The list-style-position property is supported in all major browsers.

Note: No versions of Internet Explorer (including IE8) support the property value "inherit".

Value	Description
inside	Indents the marker and the text. The bullets appear inside the content flow
outside	Keeps the marker to the left of the text. The bullets appears outside the content flow. This is default
inherit	Specifies that the value of the list-style-position property should be inherited from the parent element

CSS tutorial: CSS List