Выравнивание текста CSS
Выравнивание текста и направление текста
В этой главе вы узнаете о следующих свойствах:
Выравнивание текста
Свойство text-align используется для настройки выравнивания текста по горизонтали.
Текст может быть выровнен влево или вправо, по центру или выровнен.
В следующем примере показан выровненный по центру, а также выровненный влево и вправо текст (выравнивание влево по умолчанию, если направление текста слева направо, а правое выравнивание по умолчанию, если направление текста вправо влево):
Пример
Когда свойству text-align присвоено значение "выравнивать по ширине", каждая строка растягивается таким образом, чтобы каждая строка имела одинаковую ширину, а левое и правое поля были прямыми (как в журналах и газетах).:
Пример
Свойство text-align-last
Свойство text-align-last определяет, как выровнять последнюю строку текста.
Пример
Выровняйте последнюю строку текста в трех элементах <p>:
p.a {
text-align-last: right;
}
p.b {
text-align-last: center;
}
p.c {
text-align-last: justify;
}
Направление текста
Свойства direction и unicode-bidi можно использовать для изменения направления текста элемента:
Пример
p {
direction: rtl;
unicode-bidi: bidi-override;
}
Вертикальное выравнивание
Свойство vertical-align задает выравнивание элемента по вертикали
Пример
Установите вертикальное выравнивание изображения в тексте:
img.a {
vertical-align: baseline;
}
img.b {
vertical-align: text-top;
}
img.c {
vertical-align: text-bottom;
}