Unordered lists in HTML

A bullet list: order carries no meaning, and lists can nest.

<ul>
  <li>Python</li>
  <li>Rust</li>
  <li>
    Web
    <ul>
      <li>HTML</li>
      <li>CSS</li>
    </ul>
  </li>
</ul>

How it works

1. Only li may be a direct child of ul.
2. A nested list goes inside the li it belongs to.
3. The bullet style is a CSS decision, not a markup one.

The run, in numbers

Lines

11

Characters to type

93

Tokens

54

Three-star pace

65 tpm

At the three-star pace of 65 tokens a minute, this run takes about 50 seconds.

Type this snippet

Step 1 of 5 in Lists, step 11 of 28 in Document structure.

← Previous Next →