How do I get MS Outlook to accept the CSS style display:block?

css outlook outlook-2010
mmcglynn picture mmcglynn · Jan 24, 2012 · Viewed 47.5k times · Source

I am composing an HTML email using a service (MailChimp). The way that MailChimp marks up headings is to use a SPAN tag and gives the tag the inline style of display:block.

MS Outlook 2010 ignores this style. I cannot find any work around. Thus, headings wrap, breaking the desired page display.

Yes, I know that Outlook uses MS Word to display HTML.

Assume that I cannot intervene and hand edit the markup.

How do I get MS Outlook to accept the CSS style display:block and display a SPAN tag as a block level element?

Answer

Diodeus - James MacFarlane picture Diodeus - James MacFarlane · Jan 24, 2012

The CSS display attribute is not supported in this version of MS Outlook.

Here's "The Book" on what you can and cannot use:

campaignmonitor.com/css/

Basically, if you can't change your mark-up to a natively-block item, you're stuck.

Related questions

css padding is not working in outlook

I have following html in email template. I am getting different view in MS Outlook and in gmail for the same. <tr> <td bgcolor="#7d9aaa" style="color: #fff; font-size:15px; font-family:Arial, Helvetica, sans-serif; padding: 12px 2…

Read More
Formatting html email for Outlook

I have an html newsletter which works in most email clients, but the formatting is messed up in Outlook. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <…

Read More
Image style height and width not taken in outlook mails

I have a following dom structure in html content I am sending as email. <a href="http://content.mindmatrix.net/email/814xjqjmpj5r/b59tqx7tzz2x7" target="_new"> <span style='text-decoration:none;text-underline:none'> <…

Read More