在outlook html电子邮件，float不工作 [英] In outlook html email, float does not work

问题描述

我想要这个布局，我有一个矩形框。在左边的框中有一个文本，右边有一个图像。这在浏览器看起来不错，但当发送作为一个html电子邮件，在outlook的浮动权似乎不工作。它将图像放在文本下的下一行。任何想法如何使这项工作？ （我试图避免使用表格）

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>

推荐答案

我会推荐一些在线资源，例如：

I would recommend some online resources such as:

如何编写HTML电子邮件： MailChimp

How To Code HTML Emails: MailChimp

此SO讨论可能会有所帮助：

This SO discussion may be helpful:

什么是HTML电子邮件设计的指南？

这篇关于在outlook html电子邮件，float不工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！