Таблицы

table0

Нулевой размер границ
Нулевой внутренний отступ ячеек
Вертикальное выравнивание контента в ячейке по центру
Линии границ и отступы между ячеек накладываются друг на друга

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

table1

Белая заливка ячеек
Нулевой размер границ по умолчанию
Серый цвет границ, если задать размер границы
Линии границ и отступы между ячеек накладываются друг на друга
Вертикальное выравнивание контента в ячейке по центру
Внутренний отступ у ячеек 3px

table_0

Ширина таблицы 100%
Нулевой размер границ
Нулевой внутренний отступ ячеек
Линии границ и отступы между ячеек накладываются друг на друга
Вертикальное выравнивание контента в ячейке по центру

tableA

Ширина таблицы 100%, блочное представление
Выравнивание ячеек по центру
Ячейки располагаются в 1 строку и перестраиваются друг под друга, при уменьшении ширины таблицы
Внешний отступ у ячеек 5px, выравнивание контента по центру по горизонтали.
Линии границ и отступы между ячеек не накладываются друг на друга

like_table

Представляет div-ы в виде таблицы
Линии границ и отступы между ячеек накладываются друг на друга

table_border

Нулевой размер границ по умолчанию
Линии границ и отступы между ячеек накладываются друг на друга
серая граница в 1px у ячеек
Внутренний отступ у заголовков 20px по вертикали 10px по горизонтали
Заголовок жирным шрифтом (встроено в браузер)
Внутренний отступ у ячеек 10px

Заголовок 1	Заголовок 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.	Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Заголовок 1

Заголовок 2

table_list

Нулевой размер границ по умолчанию
Линии границ и отступы между ячеек накладываются друг на друга
Серая граница в 2px у заголовка
Серая граница в 1px у строк
Внутренний отступ у ячеек 8px
Выравнивание текста по левому краю
У последней строки граница отсутствует

Услуга	Цена
Lorem ipsum	100
Lorem ipsum	100
Lorem ipsum	100

table_mobile

На разрешении менее 767px:

Ячейки выравниваются по центру по вертикали и горизонтали
Ячейки перестраиваются друг под друга
Заголовок скрывается
Внутренний отступ у ячеек 15px

Заголовок 1	Заголовок 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.	Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Заголовок 1

table_a, table_a0, table_av

Ширина таблицы 100%
Блочное представление
Выравнивание текста по центру
Выравнивание ячеек по центру
Ячейки располагаются в 1 строку и перестраиваются друг под друга, при уменьшении ширины таблицы
Внешний отступ у ячеек 5px
Выравнивание контента по верху по вертикали.

table_a0