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?
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.
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.
While you can use CSS background images with Outlook.com and Outlook 365, they are not supported in most desktop versions of the client.
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.
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.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With