3. display: list-item
Prev | Chapter 7. Display values supported for generated content | Next

## 3. display: list-item

Display: list-item behaves exactly as display: block, except that a content containing the list marker is automatically generated before the list item. Properties list-style-type, list-style-position, list-style-image are used to parametrize the generation of this content.

Example:

    li {
        display: list-item;
        list-style-type: disc;
    }

is equivalent to:

    li {
        display: block;
        margin-left: N; /*make room for the bullet*/
    }

    li:before {
        display: marker;
        content: disc;
    }

Note that if the CSS style sheet explicitly specifies a generated content before the list item, display: list-item is strictly equivalent to display: block because, in such case, no content is automatically generated.

Prev | Up | Next
2. display: block | Home | 4. display: table