The text-align property

The text-align property sets a text alignment: to the left, right, center, left and right edges simultaneously.

Syntax

selector {
	text-align: center | left | right | justify | auto | start | end;
}

Values

Value	Description
`center`	A text will be centered.
`left`	A text will be aligned to the left.
`right`	A text will be aligned to the right.
`justify`	A text will be aligned both to the right and left edges at the same time.
`auto`	Does not change element alignment (default).
`start`	Equal to `left` if the text goes from left to right, and `right` when the text goes from right to left (Arabic, etc.).
`end`	Equal to `right` if the text goes from left to right and `left` when the text goes from right to left.

Default value: auto. In most cases, by default, text is left-aligned (right-aligned in Arabic). However, there are exceptions, for example, the text in th will be centered.

Example . The left value

<p>
	some text...
</p>

p {
	text-align: left;
	width: 400px;
}

Example . The right value

<p>
	some text...
</p>

p {
	text-align: right;
	width: 400px;
}

Example . The center value

<p>
	Lorem ipsum dolor sit amet.
</p>

p {
	text-align: center;
}

Example . The justify value

<p>
	some text...
</p>

p {
	text-align: justify;
	width: 400px;
}