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 1. Hoofdstuk 13
Vraag AI
Vraag AI
Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.
Geweldig!
Completion tarief verbeterd naar 2.56
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 1. Hoofdstuk 13