lesson1Title

lesson2Title

lesson3Title

lesson4Title

lesson5Title

lesson6Title

lesson7Title

lesson8Title

lesson9Title

lesson10Title

lesson11Title

lesson12Title

lesson13Title

webIntroCssChapter3Title

webIntroCssChapter1Title

webIntroCssChapter2Title

webIntroCssChapter4Title

webIntroCssChapter5Title

# Text Alignment (text-align), Text Decoration (text-decoration)

Let's learn about the CSS properties `text-align` and `text-decoration`, which specify text alignment direction and decoration.

 

## text-align

The `text-align` property specifies the **horizontal alignment** of text.

 

The available values are as follows:

```css title="Left Alignment"
.left-align {
 text-align: left;
}
```

 

```css title="Right Alignment"
.right-align {
 text-align: right;
}
```

 

```css title="Center Alignment"
.center-align {
 text-align: center;
}
```

 

```css title="Justified Alignment"
.justify-align {
 text-align: justify;
}
```

 

## text-decoration

The `text-decoration` property is used to add or remove decorations from text.

The available values are as follows:

 

```css title="Underline"
.underline {
 text-decoration: underline;
}
```

 

```css title="Overline"
.overline {
 text-decoration: overline;
}
```

 

```css title="Line-through"
.line-through {
 text-decoration: line-through;
}
```

 

```css title="No Decoration"
.no-decoration {
 text-decoration: none;
}
```

 

Follow the highlighted parts of the code to input them correctly.

The `text-align` property is used to specify the horizontal alignment of text. For example, you can align text to the left, center, right, or justify it.

### The `text-align` property is a CSS property that specifies the vertical alignment of text.

Text Alignment (text-align), Text Decoration (text-decoration)

text-align

text-decoration

The text-align property is a CSS property that specifies the vertical alignment of text.

The `text-align` property is a CSS property that specifies the vertical alignment of text.