Табличные элементы похожи на блочные за исключением ширины по умолчанию (зависит от содержания). display:table задает элементу тип таблицы, особенности таких элементов:
- Можно задавать ширину, высоту, рамки, отступы;
- По умолчанию ширина зависит от содержания;
- Переносы строки до и после элемента.
display:table-row — элемент ведет себя как <tr>, является контейнером для ячеек и практически не имеет собственного отображения.
display:table-cell — элемент ведет себя как <td>,
можно задавать отступы между ячейками или режим схлопывания границ.