Learn Challenge: Format Text with CSS | Section

CSS Fundamentals for React Developers - 1768407374224

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

Everything was clear?

Thanks for your feedback!

Section 1. Chapter 13

Ask AI

Ask AI

Ask anything or try one of the suggested questions to begin our chat

Swipe to show menu

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

Everything was clear?

Thanks for your feedback!

Section 1. Chapter 13

some-alt