Outlook Margins

Outlook.com DOES Support Margins


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.

upper case versus lower case margin

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?