CSS text-align: center; is not centering things

Question

I have the following html:

Answer 1

To make a inline-block element align center horizontally in its parent, add text-align:center to its parent.