Lastnost text-align

Lastnost text-align določa poravnavo besedila: levo, desno, sredinsko, ali poravnano obojestransko.

Sintaksa

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

Vrednosti

Vrednost Opis
center Besedilo bo poravnano na sredino.
left Besedilo bo poravnano levo.
right Besedilo bo poravnano desno.
justify Besedilo bo poravnano obojestransko.
auto Ne spremeni poravnave elementa (privzeta vrednost).
start Enako left, če besedilo teče od leve proti desni, in right, ko besedilo teče od desne proti levi (arabščina itd.).
end Enako right, če besedilo teče od leve proti desni, in left, ko besedilo teče od desne proti levi.

Privzeta vrednost: auto. V večini primerov je besedilo privzeto poravnano levo (v arabščini - desno). Vendar obstajajo izjeme, na primer besedilo v th bo poravnano sredinsko.

Primer . Vrednost left

html<p>
  some long text
</p>
cssp {
  text-align: left;
  width: 400px;
}

Результат:

Primer . Vrednost right

html<p>
  some long text
</p>
cssp {
  text-align: right;
  width: 400px;
}

Результат:

Primer . Vrednost center

html<p>
  Lorem ipsum dolor sit amet.
</p>
cssp {
  text-align: center;
}

Результат:

Primer . Vrednost justify

html<p>
  some long text
</p>
cssp {
  text-align: justify;
  width: 400px;
}

Результат: