HTML <ul>

BrandonDusch's avatar
BrandonDusch's avatar
BrandonDusch
Published Jul 1, 2022
Contribute to Docs

The <ul> element represents an unordered list of items.

  • Career path

    Front-End Engineer

    Front-end engineers work closely with designers to make websites beautiful, functional, and fast.
    • Includes 34 Courses
    • With Professional Certification
    • Beginner Friendly.
      115 hours
  • Free course

    Learn HTML

    Start at the beginning by learning HTML basics — an important foundation for building and editing web pages.
    • Beginner Friendly.
      7 hours

Syntax

<ul>
  <li><!-- Content here --></li>
</ul>

By default, each list item is prepended with a dot marker. But this can be altered by changing the value of the list-style-type property.

Example

The following example showcases an unordered list with items that contain text and emoticons:

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

Each rendered list item will have a dot marker:

Rendered <ul> tag example

All contributors

Contribute to Docs

Learn HTML on Codecademy

  • Career path

    Front-End Engineer

    Front-end engineers work closely with designers to make websites beautiful, functional, and fast.
    • Includes 34 Courses
    • With Professional Certification
    • Beginner Friendly.
      115 hours
  • Free course

    Learn HTML

    Start at the beginning by learning HTML basics — an important foundation for building and editing web pages.
    • Beginner Friendly.
      7 hours