Својство text-align
Својство text-align поставља
поравнање текста: по левој ивици, по десној,
по центру, по левој и десној ивици истовремено.
Синтакса
селектор {
text-align: center | left | right | justify | auto | start | end;
}
Вредности
| Вредност | Опис |
|---|---|
center |
Текст ће бити поравнат по центру. |
left |
Текст ће бити поравнат по левој ивици. |
right |
Текст ће бити поравнат по десној ивици. |
justify |
Текст ће бити поравнат истовремено и по десној и по левој ивици. |
auto |
Не мења поравнање елемента (подразумевана вредност). |
start |
Једнако left, ако текст иде са лева на десно, и right,
када текст иде са десна на лево (арапски језик и слично).
|
end |
Једнако right, ако текст иде са лева на десно и left,
када текст иде са десна на лево.
|
Подразумевана вредност: auto. У већини
случајева подразумевано је текст поравнат по
левој ивици (у арапском језику - по десној).
Међутим, постоје изузеци, на пример, текст
у th
биће поравнат по центру.
Пример . Вредност left
<p>
some long text
</p>
p {
text-align: left;
width: 400px;
}
:
Пример . Вредност right
<p>
some long text
</p>
p {
text-align: right;
width: 400px;
}
:
Пример . Вредност center
<p>
Lorem ipsum dolor sit amet.
</p>
p {
text-align: center;
}
:
Пример . Вредност justify
<p>
some long text
</p>
p {
text-align: justify;
width: 400px;
}
: