SOLVED: Container: Set text center align has no impact on children

How To
1

Hi guys,

I thought that changing a container style for text alignment would effect any children provided they do not have their own override. This is not the case though. Thanks

2

Hi @Hamish,

text-align works if the container is not set to display: flex. That’s because of how Flexbox works. So this is not a bug.

If you’re using flexbox on a container, you should use align-items: center on the container or align-self: center on the element and maybe, depending on the element, text-align: center on the element itself.

2 Likes