Click to Sign Up for a 7 Day Free Trial!

Email Development

Outlook.com DOES Support Margins

Email On Acid

For a long time now, we've been avoiding using margins in our emails because of Outlook.com's nasty habit of stripping them out. Despite our previous coverage of this issue, it turns out that Outlook.com isn't totally removing margins from email code. You just have to know this one super-secret trick to get margins working across the board.

The fix

The fix for this is ridiculously simple. All you have to do is capitalize the "M" in Margin. That's right, changing all of your "margin-left: 10px" to "Margin-left: 10px" will cause them to work properly in Outlook.com.

Testing the fix

I had to make sure that this fix would really work, so I ran a quick test in Outlook.com. The first table uses capital Margin, whereas the second table uses lower-case margin. As you can see, that one small change makes all the difference.


On the lookout for Outlook issues

We have a stockpile of tips and tricks for almost every email client, but we're always on the lookout for more problems to solve. So tell us in the comments, what else about Outlook.com really gets your goat?

About the Author

Geoff Phillips

Geoff Phillips

Half writer, half email builder/fixer and half customer support, Geoff is living his dream in a role that combines his many diverse interests. Code problem or tricky client got you down? Geoff's your man.

Join the Discussion

Does this also work for Outlook 2007+?
iConneqt
iConneqt,
I think that depends on what you put the margins on, and whether or not they get converted to paragraphs or something silly. You'll want to test to make sure it's working as you want, but margins are safe for the most part in Outlook 2007+.
Geoff Phillips
When I discovered this hack I commented here. smile

https://www.campaignmonitor.com/blog/post/3921/outlook.com-drops-margin-and-float-support-entirely

Last time I tried this, it worked with Float also. smile
Wiktor
Mind. Blown. Nice find! Just as a heads-up for others, HTML inliners will uncapitalize 'Margin' when you throw your code through it. (at least Ink does)
Cory
People still use Outlook?
Erman
damn it, why outlook remains so odd ? Are you aware of the reasons that makes them build weird rules ?
Ben
@Erman - almost 10% still use Outlook to read their mail. https://emailclientmarketshare.com/
David
Awesome fix. Another option for us.
Woody
after testing it appears that some of the Outlook email clients don't work properly with margins. Great find but unless it's working everywhere I cannot use it. I just wish all email clients are working with standards, after all it's 2015 :(

thumbs down Microsoft.
Vic Dinovici
Thanks for finding this! For B2B marketing in the financial industry, the majority of our recipients are using some version of Outlook. I'll have to test this on all the versions.
Rhett Nadolny

Leave a Comment