Listy punktowane UL i numerowane OL

Jabłko Gruszka Pietruszka	<ul> <li>Jabłko <li> <li>Gruszka</li> <li>Pietruszka</li> </ul>
Jabłko Gruszka Pietruszka	<ol> <li>Jabłko </li> <li>Gruszka</li> <li>Pietruszka</li> </ol>

Typy list LI

list-style-type: disc

ul style="list-style-type: disc"

• disc

list-style-type: circle

ul style="list-style-type: circle"

• circle

list-style-type: square

ul style="list-style-type: square"

• square

Typy list OL

Jabłko Gruszka Pietruszka	<ol type="a"> <li>Jabłko </li> <li>Gruszka</li> <li>Pietruszka</li> </ol>
Jabłko Gruszka Pietruszka	<ol type="i"> <li>Jabłko </li> <li>Gruszka</li> <li>Pietruszka</li> </ol>
Jabłko Gruszka Pietruszka Grzybek Muchomorek	<ol type="I"> <li>Jabłko </li> <li>Gruszka</li> <li>Pietruszka</li> </ol>

Zagnieżdżanie list

Jabłko Gruszka Jabłko Gruszka Pietruszka Pietruszka

<ul> <li>Jabłko </li> <li>Gruszka</li> <ul> <li>Jabłko </li> <li>Gruszka</li> <li>Pietruszka</li> </ul> <li>Pietruszka</li> </ul>

Rozpoczynanie listy od kolejnego numeru

Przykład Jabłko Gruszka Pietruszka A także: Jabłko Gruszka Pietruszk

<ol> <li>Jabłko </li> <li>Gruszka</li> <li>Pietruszka</li> </ol> <p>A także </p> <ol start="4"> <li>Jabłko </li> <li>Gruszka</li> <li>Pietruszk</li> </ol>

Grafika zamiast symboli

Jabłko Gruszka Pietruszka

<ol style="list-style-image:url(strzalka.gif);"> <li>Jabłko </li> <li>Gruszka</li> <li>Pietruszka</li> </ol>