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
Oliko kaikki selvää?
Kiitos palautteestasi!
Osio 1. Luku 13
Kysy tekoälyä
Kysy tekoälyä
Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme
Mahtavaa!
Completion arvosana parantunut arvoon 2.56Challenge: Format Text with CSS
Pyyhkäise näyttääksesi valikon
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
Oliko kaikki selvää?
Kiitos palautteestasi!
Osio 1. Luku 13
