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

cssselektor {
  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

html<p>
  some long text
</p>

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

Результат:

Příklad . Hodnota right

html<p>
  some long text
</p>

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

Результат:

Příklad . Hodnota center

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

cssp {
  text-align: center;
}

Результат:

Příklad . Hodnota justify

html<p>
  some long text
</p>

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

Результат: