Solution for Outlook.com adding margin-bottom to <p> (in some cases!)

Hi,

I thought I would share a solution to a particular problem I've had that others may find useful.

My email design called for an editable anchor link aligned to the bottom of a table. This worked fine, except when the item was repeated, and the CM editor wrapped the link with a <p> tag (as CM requires an editable link to be wrapped in a <multiline> tag).

Outlook.com ignored my attempts to set margin-bottom on the <p> to zero, so there was always an ugly gap under these links, breaking the design.

The solution I found was to add my own <p> tag around the link in the template, and set it to style="display: inline". The CM editor recognised that there was already a <p> so it left it alone!

The user is able to edit and change the link address, as long as they don't delete the link accidentally, thus removing the <p> set to display:inline.

No more gaps in Outlook!

roshodgekiss roshodgekiss, 2 years ago

Nice nice, skeg64 - thank you so much for posting your solution here! We'll be sure to point out this thread if other customers experience similar issues. Thanks again! :D


Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor

Join 200,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free
1-888-533-8098