Lists

Definition: Lists group related items. Use an unordered list (<ul>, bullets) when order does not matter, and an ordered list (<ol>, numbers) when it does. Each item is an <li>.

Unordered (bullets)

<ul>
  <li>Apples</li>
  <li>Bread</li>
</ul>

Ordered (numbered)

<ol>
  <li>First step</li>
  <li>Second step</li>
</ol>

The browser adds the bullets or numbers for you automatically.

💡 Tip: lists are used far beyond shopping lists — navigation menus are almost always built from <ul> lists.