Stucked in CSS need help !

Question

text is not alligned poperly in the div.

here's my code:https://code.sololearn.com/WA18A6a13A7a

Answer 1

i prefer to use flexbox
you can change inline-block with flex, and make truly in center with align-items: center; and justify-content: center;

https://code.sololearn.com/W213a4A14A18

hopefully answer

Answer 2

Consider looking at grid maybe for the layout? Might be easier to center them by having a grid of boxes