How to implement such blocks correctly?

Question

css

You need to make such blocks screenshot.ru/540e916bf5de24b0ef6885209aa3da42
Here's what I got codepen.io/anon/pen/VvWaZM
It turns out that the length of the words is different, so just centering it will not work. They have the same indentation on the right. How to retreat equally to the right? And do I need to set the div width and height width: 7.438em;
height: 2.063em; ? Or just indent padding?

Answer 1

In general, if you want as in the example, then just padding and height are enough

Answer 2

I would stuff the pictures into pseudo-elements like :before or :after and the font would fit with padding margins and fontsize