CSS text-align: center; is not centering things

Question

I have the following html:

Answer 1

You can use flex-grow: 1. The default value is 0 and it will cause the text-align: center looks like left.

https://css-tricks.com/almanac/properties/f/flex-grow/