Как в таблице выровнять контент по центру вертикально?

Question

[Дмитрий]

Есть простая таблица
ссылка на codepen.io
нужно привести к такому виду

что у меня собственно не получается. Плохо знаком с табличной версткой. Но здесь нужно именно так.
В чем проблема?

Спасибо.

Comments

[Lord_Dantes]

Родителю дайте display flex; align-items: center; justify-content: center

Answer 1

[Виталий Кузнецов]

td {
vertical-align: middle
}

и убрать все вообще эти стили для позиционирования.

Answer 2

[Максим]

https://codepen.io/topicstarter/pen/PgMwed так проще