<ul>

Published Jul 1, 2022

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

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.

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>

to clipboardCopy to clipboard

Each rendered list item will have a dot marker:

Rendered <ul> tag example