Word Wrap not working in Outlook 2010 2011 2013

I'm testing my design which works nice in everything except versions of Outlook.  I've lost word wrap as it seem outlook isn't seeing my float commands.  This is how I'm coding the images:

<layout label='Text Image Left'>
  <div class="border_1">
    <h2>
  <singleline label="Title" repeatertitle='true' >Title of Article</singleline>
  </h2>
  <img editable="true" label="Logo Image" alt=""  width="120" style="float:left; display:block; padding-left:7px; margin-right:4px !important;" />
  <multiline label="Description" >Description</multiline></div>

Thanks in advance for any pointers

roshodgekiss roshodgekiss, 3 years ago

Hi there torweb, support for the float CSS property is pretty poor amongst all the Outlooks. To work around this, we suggest adding the align="" HTML attribute to elements, like so:

<layout label='Text Image Left'>
  <div class="border_1" align="left">
    <h2>
      <singleline label="Title" repeatertitle='true'>Title of Article</singleline>
    </h2>
    <img editable="true" label="Logo Image" align="left" alt=""  width="120" style="float:left; display:block; padding-left:7px; margin-right: 4px !important;" />
    <multiline label="Description" >Description</multiline>
  </div>
</layout>

Align has much better support across the board. Also, if the text still isn't wrapping correctly, try removing the display: block; from the image as well. Thanks, torweb - let us know how you go. If you're still having display issues, please post a screenshot and we'll do our best to help out :)


Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor
torweb, 3 years ago

Thank you for the pointer..!

Join 200,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free
1-888-533-8098