Command Palette

Search for a command to run...

Hectal
Phase 2: Structure and Semantics
HTML · Exercise 1 of 6Next
Beginner

Fix a list trapped in a paragraph

This menu was written with a list inside a paragraph, so the browser splits it apart and creates an extra empty paragraph.

Fix the HTML so the page has exactly one paragraph (Today's menu, made fresh every morning:) followed by the list of two drinks.

Then wrap the word fresh in a <span class="fresh"> so the CSS can colour it. Use a span, because the word needs a look, not extra meaning.

What Check tests

  1. The page has exactly one paragraph (no empty one)
  2. The paragraph still introduces the menu
  3. The list has both drinks
  4. The word fresh is in a span with class fresh, inside the paragraph

Stuck? One hint at a time

The solution unlocks after your first Check. Try first: that is where the learning happens.

Runs in your browser. Your code is saved here.

Your page

Press Run to see the page.

Console

Nothing logged yet.