Lists are everywhere on the web: shopping carts, navigation menus, ingredient lists, feature lists. Unordered lists display items with bullet points — use them when the order does not matter.

Syntax

<ul>
  <li>Apples</li>
  <li>Bananas</li>
  <li>Oranges</li>
</ul>

• <ul> = Unordered List — the container


• <li> = List Item — each individual item

Important Rules

Real-World Example: Recipe Ingredients

<h2>Ingredients</h2>
<ul>
  <li>2 cups flour</li>
  <li>1 cup sugar</li>
  <li>3 eggs</li>
</ul>

The order you buy these does not matter — so an unordered list is the right choice.

Your Task

Under the heading "My Favorite Foods", create an unordered list with exactly three items:

Your preview should show a heading followed by three bullet points.