Как правильно реализовать такие блоки?

Question

[freeman0204]

Нужно сверстать такие блоки screenshot.ru/540e916bf5de24b0ef6885209aa3da42
Вот что у меня получилось codepen.io/anon/pen/VvWaZM
Получается длинна слов разная, поэтому просто по центру выровнять не получится. У них одинаковы отступ справа. Как отступить одинаково справа? И нужно ли задавать div ширину и высоту width: 7.438em;
height: 2.063em; ? Или просто отступать padding?

Answer 1

[Ivanq]

Вообще, если вы хотите как на примере, то достаточно только padding и height

Answer 2

[Drm]

я бы картинки запихнул бы в псевдоэлементы типа :before или :after а шрифт бы подогнал падингами марджинами и фонтсайзом