Выравнивание текста в таблице с помощью CSS
Как выровнять текст в таблице?
По умолчанию текст в ячейке заголовка (th) и в ячейках тела таблицы (td) выровнен следующим образом:
по высоте — по середине,
по ширине — по левому краю ячейки.
Выровнять текст первого столбца по центру/правому краю можно при помощи конструкции
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;}