Lists

The <li> list item element create list items inside:

• Ordered lists <ol>
• Unordered lists <ul>

The ordered list <ol> element creates a list of items in sequential order.

<ol>
  <li>Preheat oven to 325 F 👩‍🍳</li>
  <li>Drop cookie dough 🍪</li>
  <li>Bake for 15 min ⏰</li>
</ol>

Each list item appears numbered by default:

1. Preheat oven to 325 F 👩‍🍳
2. Drop cookie dough 🍪
3. Bake for 15 min ⏰

The unordered list <ul> element is used to create a list of items in no particular order.

<ul>
  <li>Play more music 🎸</li>
  <li>Read more books 📚</li>
</ul>

Each individual list item will have a bullet point by default:

• Play more music 🎸
• Read more books 📚

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

<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.

1. Fruits
   • Apples 🍎
   • Oranges 🍊
2. Vegetables
   • Tomatoes 🍅