Skip to main content

CSS Text Decoration — exercises and bug fixes

5 hands-on exercises and 5 find-the-bug challenges for the CSS Text Decoration lesson. Every one is checked automatically in the browser — write the code, run it, and the tests tell you what still fails.

Sign in to start solvingCreate a free account

Exercises(5)

  1. 1

    Underline the text

    easy10 min

    Underline #text.

  2. 2

    Strike the text through

    easy10 min

    Draw a line through #text.

  3. 3

    Make it wavy

    easy10 min

    Give #text a wavy underline.

  4. 4

    Colour the underline

    easy10 min

    Underline #text in red.

  5. 5

    Thicken and offset it

    medium10 min

    A 3px underline sitting 4px below the text.

Find the bug(5)

  1. 1

    Fix the plural property

    easy8 min

    The property is text-decoration.

  2. 2

    Fix the invalid value

    easy8 min

    The value is line-through.

  3. 3

    Fix the style with no line

    easy8 min

    A decoration style needs a line to draw.

  4. 4

    Fix the wrong colour property

    easy8 min

    The underline should be red while the text stays blue.

  5. 5

    Fix the missing unit

    easy8 min

    A thickness needs a unit.

Ready to write the code?

The editor, the automatic checks and the worked solutions open up with an account.

Open the workspace