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

Question

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 1

If you add a inline style to the img tag with a margin command like this:

<img src="foo.png" align="right" style="margin:5px;">

I'm guessing that is what you're trying to do.

Answer 2

I know this thread is old, but an alternative would be to give the image a solid border the same colour as the container.

Answer 3

I have tried it this morning and sadly borders on images arnt supported, however, you can implement the concept on the text area :).

border-left: 7px solid #fff;

for example, inside a white container would give the visual effect of left padding....