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;
}
: