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:

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:

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:

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

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:

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.