In outlook html email, float does not work

css outlook-2007
Foo picture Foo · Mar 12, 2013 · Viewed 91k times · Source

I want this layout where I have a rectangular box. And inside the box on the left there is a text and on the right there is an image. This looks fine in the browser, but when sent out as an html email, in outlook the float right doesn't seem to work. It puts the image in the next line under the text. Any ideas on how to make this work? (I am trying to avoid using tables.)

<div style="width: 100%;border-style:solid;overflow: hidden;">

    <span style="float: left;">  
         <h3> Your appointment Details</h3>
    </span> 
    <span style="float: right;">
        <img src="someImage"/>
    </span>

</div>

Answer

John picture John · Feb 17, 2014

Very late to the conversation, but here is how to "float" in html email using align="" instead.

Example here

Also, if you are looking for resources on html email (I assume you are as the answer you marked correct is very general), here is a huge list of resources.

Related questions

Div styles not working in Outlook Emails

I have created a HTML template for Emails using Div tags. Its working fine on Gmail, Yahoo. But Div styles not working in the Outlook. Following is the code which i have used. <div style="margin:auto;padding:auto;…

Read More
Outlook 2007 changes link styles in a HTML email to have a blue underline when sent to Hotmail, Gmail, etc. Any fixes?

I've been using the HTML email templates that I obtained from http://www.campaignmonitor.com/templates/ And on every example I have gone through, when I send an email using the HTML template, all the links are given the horrible …

Read More
background image on TD in Outlook 2007

I've been told using tables is the best way to send emails although it's been twice as difficult. I have setup the email in tables, set all of the cells which need backgrounds with the background="" property, as well as …

Read More