Vlastnost text-align

Vlastnost text-align nastavuje zarovnání textu: k levému okraji, k pravému, na střed, k levému a pravému okraji současně.

Syntaxe

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

Hodnoty

Hodnota	Popis
`center`	Text bude zarovnán na střed.
`left`	Text bude zarovnán k levému okraji.
`right`	Text bude zarovnán k pravému okraji.
`justify`	Text bude zarovnán současně k pravému i levému okraji.
`auto`	Nemění zarovnání prvku (výchozí hodnota).
`start`	Rovno `left`, pokud text jde zleva doprava, a `right`, když text jde zprava doleva (arabština atd.).
`end`	Rovno `right`, pokud text jde zleva doprava a `left`, když text jde zprava doleva.

Výchozí hodnota: auto. Ve většině případů je text ve výchozím nastavení zarovnán k levému okraji (v arabštině - k pravému). Existují však výjimky, například text v th bude zarovnán na střed.

Příklad . Hodnota left

<p>
	some long text
</p>

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

Příklad . Hodnota right

<p>
	some long text
</p>

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

Příklad . Hodnota center

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

p {
	text-align: center;
}

Příklad . Hodnota justify

<p>
	some long text
</p>

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