Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Challenge: Format Text with CSS | Styling Text in CSS
CSS Fundamentals

bookChallenge: Format Text with CSS

Task

To enhance the visual presentation of the h1 element, apply the following styles:

  • Add an underline.
  • Convert all letters to uppercase.
  • Horizontally recenter the text.
  • Set the line height to 2.
  • Adjust the letter spacing to 2px.
  • Increase the space between words to 5px.
  • Apply a text shadow with the values 2px 2px #000000.
index.html

index.html

index.css

index.css

copy
  • text-decoration: Underlines the text.
  • text-transform: Converts the text to uppercase.
  • text-align: Centers the text horizontally.
  • line-height: Sets the height of the text.
  • letter-spacing: Increases the space between letters.
  • word-spacing: Increases the space between words.
  • text-shadow: Adds a shadow.
index.html

index.html

index.css

index.css

copy

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 2. Kapitel 3

Spørg AI

expand

Spørg AI

ChatGPT

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

Awesome!

Completion rate improved to 2.5

bookChallenge: Format Text with CSS

Stryg for at vise menuen

Task

To enhance the visual presentation of the h1 element, apply the following styles:

  • Add an underline.
  • Convert all letters to uppercase.
  • Horizontally recenter the text.
  • Set the line height to 2.
  • Adjust the letter spacing to 2px.
  • Increase the space between words to 5px.
  • Apply a text shadow with the values 2px 2px #000000.
index.html

index.html

index.css

index.css

copy
  • text-decoration: Underlines the text.
  • text-transform: Converts the text to uppercase.
  • text-align: Centers the text horizontally.
  • line-height: Sets the height of the text.
  • letter-spacing: Increases the space between letters.
  • word-spacing: Increases the space between words.
  • text-shadow: Adds a shadow.
index.html

index.html

index.css

index.css

copy

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 2. Kapitel 3
some-alt