CSS Text

Text Alignment

The text-align property is used to set the horizontal alignment of text. It can be set to left, right, center, or justify.

p {
  text-align: center;
}

Text Decoration

The text-decoration property is used to add or remove decorations from text, such as underlines. Common values are none, underline, overline, and line-through.

a {
  text-decoration: none;
}
h2 {
  text-decoration: underline;
}

Text Transformation

The text-transform property controls the capitalization of text. Values include uppercase, lowercase, and capitalize (which capitalizes the first letter of each word).

.uppercase { text-transform: uppercase; }
.capitalize { text-transform: capitalize; }

Text Spacing

CSS offers several properties to control the spacing within your text:

• letter-spacing: Adjusts the space between characters.
• word-spacing: Adjusts the space between words.
• line-height: Sets the distance between lines of text.
• text-indent: Indents the first line of text in a block element.

p {
  letter-spacing: 2px;
  line-height: 1.6;
}