Command Palette

Search for a command to run...

Hectal
Phase 4: Text and Typography
CSS · Exercise 3 of 5 PreviousNext
Beginner

Style a sale banner

Make the heading display in capital letters with CSS (don't change the HTML text), with extra letter spacing, centred, and with a text shadow.

Strike through the old price, and indent the first line of the description by 2em.

What Check tests

  1. The heading shows in capitals, but the HTML text is unchanged
  2. The heading has extra letter spacing
  3. The heading is centred
  4. The heading has a text shadow
  5. The old price is struck through
  6. The description's first line is indented by 2em

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.