Workaround for Outlook 2007 for wrapping text around image with margin?

David Weinraub picture David Weinraub · Apr 24, 2010 · Viewed 17.4k times · Source

As we all know, Outlook 2007 uses the Word 2007 rendering engine, causing endless grief when designing HTML email message. [Insert rant here] In particular, float, margin, and padding are - shall we say? - poorly supported.

To simulate float so that text wraps around an image, apparently we can simply use:

<img src="foo.png" align="right">

The issue is padding/margin. Without padding/margin, the wrapped text butts up against the image which looks goofy. One workaround is to edit the image and add transparent framing that simulates margin.

Does anyone know any other workarounds?

Answer

lawless picture lawless · Aug 5, 2011

After reading Microsoft's documentation on Outlook 2007 support, I found that using hspace on an image will work to create white space around it similar to padding.

[ img src="image.jpg" align="left" border="0" hspace="10" ]

That will give you the equivalent of 10px of padding. Works pretty well across email clients.

Figured I'd share in case someone else Googling the issue stumbles across this question like I did.