Īpašība text-align

Īpašība text-align iestata teksta izlīdzināšanu: pa kreiso malu, pa labo, pa centru, vienlaikus pa kreiso un labo malu.

Sintakse

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

Vērtības

Vērtība	Apraksts
`center`	Teksts tiks izlīdzināts pa centru.
`left`	Teksts tiks izlīdzināts pa kreiso malu.
`right`	Teksts tiks izlīdzināts pa labo malu.
`justify`	Teksts tiks izlīdzināts vienlaikus gan pa labo, gan pa kreiso malu.
`auto`	Nemaina elementa izlīdzināšanu (noklusējuma vērtība).
`start`	Vienāds ar `left`, ja teksts iet no kreisās uz labo, un `right`, kad teksts iet no labās uz kreiso (arābu valoda utt.).
`end`	Vienāds ar `right`, ja teksts iet no kreisās uz labo, un `left`, kad teksts iet no labās uz kreiso.

Noklusējuma vērtība: auto. Vairumā gadījumu pēc noklusējuma teksts ir izlīdzināts pa kreiso malu (arābu valodā - pa labo malu). Tomēr, ir izņēmumi, piemēram, teksts th tiks izlīdzināts pa centru.

Piemērs . Vērtība left

html<p>
  some long text
</p>

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

Результат:

Piemērs . Vērtība right

html<p>
  some long text
</p>

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

Результат:

Piemērs . Vērtība center

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

cssp {
  text-align: center;
}

Результат:

Piemērs . Vērtība justify

html<p>
  some long text
</p>

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

Результат: