In my job as a Digital Marketing Coordinator I have to build HTML emails for a range of purposes. Normally we follow a template for these emails with a header image, text and call to action buttons at the end of the email. However I get asked to wrap images within the body of the text occasionally. Whenever this happens I have to spend a long time searching through countless stack overflow posts about wrapping background images in VML etc. So I have decided to post this here in order to jog my memory and also hopefully be of some use to other hapless HTML email designers like myself.
The code in the box below will wrap text around a left-aligned image in both VML and HTML.
<img src="https://uphillintothewind.files.wordpress.com/2015/03/53332213.jpg" alt="" width="289" height="206" align="left" border="0" hspace="15" vspace="15" />
I HATE VML. The person who decided that Outlook should be powered by Microsoft Word rather than Internet Explorer has a place reserved in the 7th level of hell for him.