Cannot get the Header HTML Content to Center

[fullercreations]

I want to display business address, phone, and email information below the header image and above the menu so I have added this content using the Header HTML Content box (under Main Options, Header).  No matter what I try this content will not center align.  So I have added a left margin that makes it appear to be centered on a computer but this doesn’t center it on a tablet.  

This is everything I have tried to make it center: 

Selected Align Area Center

added the content with <p style=”text-align: center;”>

added the content with <p class=”aligncenter”>

added text-align: center to the custom css for header html background

I’ve also tried changing the % width to match the size of the content then tried auto left and right margins.

url is here:  demo.fullercreations.com (reminder: it only appears center aligned due to the left margin)

Is there a way to make this happen or is there a different place I can enter the information to display between the header image and menu?

Thanks for any help!

[scrambler]

Add the rule below in the Header HTML BG CSS+ box

{display:inline;text-align:center;}

By default the area is display inline block which does not respond to the align center.

@fullercreations EDIT: you need !important

{display:inline !important;text-align:center;}

[Author]

Posts