Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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

Tags:

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?

like image 741
mmcglynn Avatar asked Jan 24 '12 15:01

mmcglynn


People also ask

Does display block work in Outlook?

The CSS display attribute is not supported in this version of MS Outlook. Basically, if you can't change your mark-up to a natively-block item, you're stuck.

Does Outlook support embedded CSS?

Outlook.com and the Outlook iOS app added support for CSS background images and some related properties, as well as certain Flexbox and Grid properties.

Does Outlook read CSS?

While you can use CSS background images with Outlook.com and Outlook 365, they are not supported in most desktop versions of the client.

What is CSS display block?

The display CSS property sets whether an element is treated as a block or inline element and the layout used for its children, such as flow layout, grid or flex. Formally, the display property sets an element's inner and outer display types.


1 Answers

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.

like image 121
Diodeus - James MacFarlane Avatar answered Sep 29 '22 04:09

Diodeus - James MacFarlane