Centered Headline (icon not centering)

[mattmayo2]

I am using multiple headlines to create a little contact section in the footer with my address, phone number, etc. When I try to add an icon, for the phone number for example, I can’t get it to center with the the headline.

I tried adding the css to the element that has been suggested in other similar topics, but when I do that, it shifts the other headlines over to the left.

This is the css I added to the phone number headline

.x-text-content-text {
-webkit-flex-grow: inherit;
flex-grow: inherit;
}

with no css added

with css added to the phone number headline

I want to add a couple other headlines with icons as well (email, fax, etc)

You can see this at homeloans101.org (on any pages other than the homepage for some reason)

[friech]

Hi Matt,

Thank you for writing in, please set the Headline element width to auto then set the Container’s Flex Layout Horizontal to center.

Hope that helps,
Cheers!