Problems with H2's in Template #1

I'm designing a template which has similar headings as the h2's in template #1. I've noticed that in mobileme, the h2's are being centered and aren't retaining their cellpadding. See screenshot below:

Here's the corresponding markup:

<td width="330" valign="top" class="mainbar" align="left">
                           <table cellspacing="0" cellpadding="4" bgcolor="#000000">
                                    <h2>Lorem ipsum dolar sit amet</h2>
                           <p>Suspendisse potenti--Fusce eu ante in sapien vestibulum sagittis. Cras purus. Nunc rhoncus.</p></td>

And here's the corresponding css:

td.mainbar h2 {
   font-family: Georgia;
   font-size: 18px;
   font-weight: bold;
   color: #ffffff;
   margin: 0;
   padding: 0; }

Any ideas for a workaround on this? Thanks for any help,


Mathew Mathew, 8 years ago

Hi Jason,

If you style the h2 inline directly, and text-align:left etc, does it work? Then if it does, it may be an issue of the cascade not working right in Mobile Me

Get in touch with us on Twitter:
We're also on Facebook:
lookout, 8 years ago

Hey Matthew,
Adding the text-align inline style doesn't change anything. Strange.

See why 200,000 companies worldwide love Campaign Monitor.

From Australia to Zimbabwe, and everywhere in between, companies count on Campaign Monitor for email campaigns that boost the bottom line.

Get started for free