Lists

In HTML, lists are used to group pieces of related data together in a certain format. List items are represented by the <li> tag while the lists themselves are represented by the following:

Nesting Lists

Lists can be nested, meaning one list of one kind can be placed inside another list of another kind:

<ol>
<li>Fruits</li>
<ul>
<li>Apples 🍎</li>
<li>Oranges 🍊</li>
</ul>
<li>Vegetables</li>
<ul>
<li>Tomatoes 🍅</li>
</ul>
</ol>

This way, multilevel lists can be created with different indentations.

Rendered nested lists example

Contributors

Interested in helping build Docs? Read the Contribution Guide or share your thoughts in this feedback form.

Learn HTML on Codecademy