Vlastnosť text-align

Vlastnosť text-align nastavuje zarovnanie textu: na ľavý okraj, na pravý, na stred, na ľavý aj pravý okraj súčasne.

Syntax

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

Hodnoty

Hodnota	Popis
`center`	Text bude zarovnaný na stred.
`left`	Text bude zarovnaný na ľavý okraj.
`right`	Text bude zarovnaný na pravý okraj.
`justify`	Text bude zarovnaný súčasne na pravý aj na ľavý okraj.
`auto`	Nemení zarovnanie elementu (predvolená hodnota).
`start`	Rovná sa `left`, ak text ide zľava doprava, a `right`, keď text ide sprava doľava (arabský jazyk atď.).
`end`	Rovná sa `right`, ak text ide zľava doprava a `left`, keď text ide sprava doľava.

Predvolená hodnota: auto. Vo väčšine prípadov je text predvolene zarovnaný na ľavý okraj (v arabčine - na pravý). Avšak, existujú výnimky, napríklad text v th bude zarovnaný na stred.

Príklad . Hodnota left

html<p>
  some long text
</p>

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

Результат:

Príklad . Hodnota right

html<p>
  some long text
</p>

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

Результат:

Príklad . Hodnota center

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

cssp {
  text-align: center;
}

Результат:

Príklad . Hodnota justify

html<p>
  some long text
</p>

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

Результат: