Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Challenge: Format Text with CSS | Styling Text in CSS
CSS Fundamentals

bookChallenge: 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.html

index.css

index.css

copy
  • 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.html

index.css

index.css

copy

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 2. Capítulo 3

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

bookChallenge: 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.html

index.css

index.css

copy
  • 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.html

index.css

index.css

copy

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 2. Capítulo 3
some-alt