0Pricing
HTML Academy · Lesson

Unordered Lists ul and li

Build bulleted lists with ul and li elements.

What Is an Unordered List?

An unordered list displays items with bullet points — order does not matter:

<ul>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ul>

The ul Element

The <ul> (unordered list) element wraps the list. Only <li> elements should be direct children:

<ul>
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
</ul>
<!-- ul = unordered list (bullet points by default) -->
<!-- li = list item -->
<!-- Never put text directly inside ul without li -->

All lessons in this course

  1. Unordered Lists ul and li
  2. Ordered Lists ol start reversed type
  3. Description Lists dl dt dd
  4. Nested Lists and List Styling
← Back to HTML Academy