Challenge: 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.css
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.css
Was alles duidelijk?
Bedankt voor je feedback!
Sectie 2. Hoofdstuk 3
Vraag AI
Vraag AI
Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.
Awesome!
Completion rate improved to 2.5
Challenge: Format Text with CSS
Veeg om het menu te tonen
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.css
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.css
Was alles duidelijk?
Bedankt voor je feedback!
Sectie 2. Hoofdstuk 3