Svojstvo text-align

Svojstvo text-align postavlja poravnanje teksta: uz levu ivicu, uz desnu, po centru, uz levu i desnu ivicu istovremeno.

Sintaksa

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

Vrednosti

Vrednost	Opis
`center`	Tekst će biti poravnat po centru.
`left`	Tekst će biti poravnat uz levu ivicu.
`right`	Tekst će biti poravnat uz desnu ivicu.
`justify`	Tekst će biti poravnat istovremeno i uz desnu i uz levu ivicu.
`auto`	Ne menja poravnanje elementa (podrazumevana vrednost).
`start`	Jednako `left`, ako tekst ide s leva na desno, i `right`, kada tekst ide s desna na levo (arapski jezik i sl.).
`end`	Jednako `right`, ako tekst ide s leva na desno i `left`, kada tekst ide s desna na levo.

Podrazumevana vrednost: auto. U većini slučajeva je tekst podrazumevano poravnat uz levu ivicu (u arapskom jeziku - uz desnu). Međutim, postoje izuzeci, na primer, tekst u th biće poravnat po centru.

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

Результат: