Как сверстать подобное?

Question

[Drottarutarnum]

Суть тут примерно как с выравниванием кода с помощью табов.

Цифры прилегают к самому длинному названию с отступом от него в 20px
Все остальные цифры повторяют за ним

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

А после вся эта орава центрируется внутри блока (вертикально и горизонтально)

Answer 1

[Арсений Матыцин]

1. Таблицы. Дешево и по сути.
2. Flex-строки.
3. Grid-ы

И т.д.

Comments

[Drottarutarnum]

У меня не вышло сделать через Flex

[secretsergey]

Drottarutarnum, Вышлите код, Вам может быть подскажут в чем проблема.

Answer 2

[tltary]

На флексах очень просто
вот пример

Comments

[Арсений Матыцин]

Плохо пример. Переносы по жести, четкие пацаны так не делают.

[tltary]

Арсений Матыцин, не понял про переносы

[secretsergey]

tltary, Содержимое одного из параграфов сделайте в 3 строки и поймёте о чем речь.