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;
}