Выравнивание текста в таблице с помощью CSS

Как выровнять текст в таблице?

По умолчанию текст в ячейке заголовка (th) и в ячейках тела таблицы (td) выровнен следующим образом:
по высоте — по середине,
по ширине — по левому краю ячейки.

table_default

Выровнять текст первого столбца по центру/правому краю можно при помощи конструкции

table td:first-child {text-align: center;} /* выравнивание по центру*/
table td:first-child {text-align: right;} /* выравнивание по правому краю*/

Выровнять текст в ячейке по вертикали по верхней/нижней границе ячейки можно только в случае, если для ячейки задана высота:

table td {height: 30px; vertical-align: top;} /* выравнивание по верхней границе ячейки */
table td {height: 30px; vertical-align: bottom;} /* выравнивание по нижней границе ячейки */

Как выровнять таблицу по центру страницы/блока?

Выровнять таблицу по центру можно при помощи конструкции

table {margin: 0 auto;}

Поделиться: