Savybė text-align

Savybė text-align nustato teksto lygiavimą: kairėje pusėje, dešinėje, centre, vienu metu tiek kairėje, tiek dešinėje pusėse.

Sintaksė

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

Reikšmės

Reikšmė	Aprašas
`center`	Tekstas bus lygiuojamas centre.
`left`	Tekstas bus lygiuojamas kairėje pusėje.
`right`	Tekstas bus lygiuojamas dešinėje pusėje.
`justify`	Tekstas bus lygiuojamas vienu metu tiek dešinėje, tiek kairėje pusėse.
`auto`	Nekeičia elemento lygiavimo (numatytoji reikšmė).
`start`	Lygu `left`, jei tekstas eina iš kairės į dešinę, ir `right`, kai tekstas eina iš dešinės į kairę (arabų kalba ir pan.).
`end`	Lygu `right`, jei tekstas eina iš kairės į dešinę ir `left`, kai tekstas eina iš dešinės į kairę.

Numatytoji reikšmė: auto. Daugeliu atvejų pagal nutylėjimą tekstas yra lygiuojamas kairėje pusėje (arabų kalboje - dešinėje). Tačiau yra išimčių, pavyzdžiui, tekstas th bus lygiuojamas centre.

Pavyzdys . Reikšmė left

html<p>
  some long text
</p>

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

Результат:

Pavyzdys . Reikšmė right

html<p>
  some long text
</p>

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

Результат:

Pavyzdys . Reikšmė center

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

cssp {
  text-align: center;
}

Результат:

Pavyzdys . Reikšmė justify

html<p>
  some long text
</p>

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

Результат: