Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Text Alignment and Indent | Text Styles
Introduction to CSS Part II

bookText Alignment and Indent

The font properties that we reviewed dealt mainly with how text is styled on a web page. Now, we will move on to the next part of the text styling, where we deal with the text's position and some modifications like underlining or strikethrough.

text-indent

The text-indent property in CSS allows you to specify an element's first line of text indentation. The syntax for the text-indent property is:

element {
  text-indent: <value>;
}

You can specify the indentation using CSS length units (such as pixels, ems, or percentages). For example, to set the text indentation for a paragraph element to 2em, you would use the following code:

index.html

index.html

index.css

index.css

copy

text-align

The text-align property in CSS allows you to specify the alignment of text within an element. The syntax for the text-align property is:

element {
  text-align: left | right | center | justify;
}

Here's an example of how you might use the text-align property to center the text in a div element:

index.html

index.html

index.css

index.css

copy

word-spacing

The word-spacing property in CSS allows you to specify the spacing between words in the text. The syntax for the word-spacing property is:

element {
  word-spacing: <value>;
}

You can specify the word-spacing using CSS length units (such as pixels, ems, or percentages). A positive value will increase the spacing between words, while a negative value will decrease the spacing.

index.html

index.html

index.css

index.css

copy

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 1. Capítulo 3

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Awesome!

Completion rate improved to 5

bookText Alignment and Indent

Desliza para mostrar el menú

The font properties that we reviewed dealt mainly with how text is styled on a web page. Now, we will move on to the next part of the text styling, where we deal with the text's position and some modifications like underlining or strikethrough.

text-indent

The text-indent property in CSS allows you to specify an element's first line of text indentation. The syntax for the text-indent property is:

element {
  text-indent: <value>;
}

You can specify the indentation using CSS length units (such as pixels, ems, or percentages). For example, to set the text indentation for a paragraph element to 2em, you would use the following code:

index.html

index.html

index.css

index.css

copy

text-align

The text-align property in CSS allows you to specify the alignment of text within an element. The syntax for the text-align property is:

element {
  text-align: left | right | center | justify;
}

Here's an example of how you might use the text-align property to center the text in a div element:

index.html

index.html

index.css

index.css

copy

word-spacing

The word-spacing property in CSS allows you to specify the spacing between words in the text. The syntax for the word-spacing property is:

element {
  word-spacing: <value>;
}

You can specify the word-spacing using CSS length units (such as pixels, ems, or percentages). A positive value will increase the spacing between words, while a negative value will decrease the spacing.

index.html

index.html

index.css

index.css

copy

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 1. Capítulo 3
some-alt