LESSON 51 OF 120

Build: a complete unordered list

Group four options with no required order in a ul.

Official sourceWHATWG HTML — ulReviewed: 2026-08-26
STEP 1 · LEARN

How it works

Group four options with no required order in a ul. Semantic structure should describe meaning, not visual appearance.

Correct example
<ul><li>HTML</li><li>CSS</li><li>PHP</li><li>SQL</li></ul>

ul represents a list where item order does not change the meaning. Each option is written in an li directly inside the list.

Common mistake
<p>HTML, CSS, PHP, SQL</p>

The paragraph displays text but does not communicate that the values form a list or give each item its own structure.

STEP 2 · APPLY

Your exercise

Complete the example. Group four options with no required order in a ul.

STEP 3 · BUILD

Write and see the result

index.htmlHTML
Safe resultisolated
The draft stays only in this browser.HTML and CSS allowed · scripts and network blocked
STEP 4 · CHECK

What needs to pass

0%not checked
  • The list uses ul.
  • The list contains at least four li items.
Explain the solution logic

Replace the paragraph with ul and place each of the four options in a separate li instead of leaving them as plain text.