Как использовать атрибут vertical-align для выравнивания текста в таблице?

Свойство vertical-align в CSS позволяет выравнивать текст в таблице по вертикали (например, вверху, внизу или по центру) содержимого элементов <th> и <td>. www.schoolsw3.com

Некоторые значения свойства vertical-align и их описание:

• baseline. webref.ru Выравнивает базовую линию ячейки с базовой линией первой текстовой строки или другого вложенного элемента. webref.ru
• bottom. webref.ru Выравнивает по нижнему краю ячейки. webref.ru
• middle. webref.ru Выравнивает по середине ячейки. webref.ru
• top. webref.ru Выравнивает содержимое ячейки по её верхнему краю. webref.ru

Пример кода, чтобы текст в таблице располагался у верхнего края, выглядит так: <td style=”vertical-align: top;”>Текст выравнивается по верху</td>. sky.pro

По умолчанию содержимое таблицы выравнивается по вертикали посередине. www.schoolsw3.com

Для вертикального центрирования можно использовать комбинацию свойств vertical-align и line-height, при этом line-height должен равняться высоте ячейки. skyeng.ru