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
¿Todo estuvo claro?
¡Gracias por tus comentarios!
Sección 1. Capítulo 13
Pregunte a AI
Pregunte a AI
Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla
Genial!
Completion tasa mejorada a 2.56
Challenge: Format Text with CSS
Desliza para mostrar el menú
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
¿Todo estuvo claro?
¡Gracias por tus comentarios!
Sección 1. Capítulo 13