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

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

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

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

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

td {
text-align: center;
}

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

th {
text-align: left;
}

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

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

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

td {
height: 50px;
vertical-align: bottom;
}