list-style-position

The list-style-position CSS property sets the position of the ::marker relative to a list item.

This property is applied to list items, i.e., elements with display: list-item;. By default this includes <li> elements. Because this property is inherited, it can be set on the parent element (normally <ol> or <ul>) to let it apply to all list items.

If a block element is the first child of a list element declared as list-style-position: inside, then the block element is placed on the line after the marker-box.

It is often more convenient to use the shorthand list-style.

Values: This property is specified as one of the following keyword values:

Syntax example: list-style-position: inside;