Свойство text-align
Свойството text-align задава
подравняване на текста: в ляво, в дясно,
централно, или едновременно в ляво и в дясно (justify).
Синтаксис
селектор {
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;
}
: