CSS Выравнивание таблицы

Горизонтальное выравнивание

Свойство text-align устанавливает горизонтальное выравнивание (например, слева, справа или по центру) содержимого в <th> или <td>.

По умолчанию содержимое элемента <th> выровнено по центру, а содержимое элемента <td> выровнено слева.

Чтобы выровнять по центру содержимое элемента <td> также используйте свойство text-align: center:

Чтобы выровнять содержимое по левому краю, принудительно выровняйте элементы <th> по левому краю с помощью свойства text-align: left:

Вертикальное выравнивание

Свойство vertical-align устанавливает вертикальное выравнивание (например, по верхнему краю, нижнему краю или по середине) содержимого в <th> или <td>.

По умолчанию вертикальное выравнивание содержимого в таблице посередине (для элементов <th> и <td>).

В следующем примере устанавливается вертикальное выравнивание текста по низу для элементов <td>: