Text 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.css
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.css
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.css
Takk for tilbakemeldingene dine!
Spør AI
Spør AI
Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår
Awesome!
Completion rate improved to 5
Text Alignment and Indent
Sveip for å vise menyen
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.css
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.css
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.css
Takk for tilbakemeldingene dine!