An element with a display property value of list-item generates a principal box just as any other block box. It will also generate an additional box for the list marker. This box is generated outside the principal box and can’t be styled independently in CSS2.1.

There are three properties that apply only to elements with a display property value of list-item, but properties like margin-left and padding-left (in a left-to-right reading environment) also affect the way in which list items are rendered.

In addition to the available list item properties, generated content can also be useful for more advanced list numbering.