Выравнивание текста в таблицах с началом значений с одинаковой позиции. Как делаете?

Question

[LBC]

Собственно уже который раз вижу от дизайнеров подобную задачу и постоянно приходится её решать граблями.
Нужно центрировать текст в колонке таблицы, но этот текст в секции tbody должен начинаться с одинакового места, а не так, как это происходит при "традиционном" центрировании.

Собственно жду советов на будущее, как и кто это делает.

Answer 1

[mletov]

Уж не дизайнеры полиграфии, которые внезапно решили попробовать свои силы в веб, сие рисовали?

А по сути вопроса: разве что костылями, например, прикинуть padding-left в заголовке при "традиционном" центрировании и применить к ячейкам с содержимым. Естественно, если заголовок переименуют, то придется и padding другой ставить.

Answer 2

[Николай]

display: flex позволяет конечно такое сделать, но таблицу тогда по столбцам придется верстать.
https://plnkr.co/edit/zoVXXAGbug6bIdP22qLl?p=preview

Answer 3

[dom1n1k]

Либо паддинги подбирать, либо каждое значение завернуть в inline-block, ширина которого у всех одинакова и равняется максимальной ширине контента.