Свойство text-align выравнивает текст элемента по горизонтали. Возможные значения:
left | Выравнивает текст по левому краю. Является значением по умолчанию. |
center | Выравнивает текст по центру. |
right | Выравнивает текст по правому краю. |
justify | Выравнивает все строки текста по ширине. |
Для выравнивания текста по высоте используется свойство vertical-align. Возможные значения:
число | Поднимает или опускает элемент на указанное число пикселей. Вы можете использовать отрицательные значения. |
baseline | Выравнивает базовую линию текущего элемента по базовой линии родителя. Если родительский элемент не имеет базовой линии, то за нее принимается нижняя граница элемента. Является значением по умолчанию. |
top | Выравнивает по верхнему краю |
bottom | Выравнивает нижнюю часть элемента с нижней частью самого низкого элемента на линии. |
middle | Выравнивает по центру. |
sub | Как подстрочный |
super | Как надстрочный |
Пример:
1 2 3 4 5 6 7 8 9 10 |
<table style="width: 200px; height: 200px;"> <tbody> <tr> <td style="text-align: right; vertical-align: bottom;background-color: gray;">text</td> </tr> </tbody> </table> |
Результат:
text |