我想这个布局在那里我有一个长方形的盒子。 而左边的箱子里面有一个文本，右边有一个形象。 这看上去很好的浏览器，但是当作为HTML电子邮件发送出去，在Outlook中的浮动权似乎并没有工作。 它把图像中的文本下下一行。 如何使这项工作任何想法？ （我试图避免使用表。）
<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>
当谈到渲染HTML，大多数电子邮件客户端是原始的，将打破很多很好的HTML元素。
我会建议一些在线资源，如：
如何编写HTML电子邮件： MailChimp
这个所谓的讨论可能会有所帮助：
在那里为HTML电子邮件设计的准则是什么？
很晚了谈话，但这里是如何使用“漂浮”在HTML电子邮件align=""来代替。
例如这里
此外，如果你正在寻找的HTML电子邮件资源（我假设你是因为你标记为正确答案是很一般），这里是一个巨大的资源列表 。
这是从邮件黑猩猩一个很好的指南上编码的HTML电子邮件：
http://kb.mailchimp.com/article/how-to-code-html-emails
一些基本技巧：
基本上，编写你的电子邮件，如果它是大约2003。
CampaignMonitor提供这个相当辉煌的指南跨多个电子邮件客户端的所有CSS的支持，这也可作为一个PDF或XLS下载。
正如上面说的答案，对CSS的电子邮件支持是非常有限的，这主要是由于微软的descision使用Word作为HTML渲染引擎 。
我已经找到一种方法对Outlook.com适用浮动 。
只要利用像浮动标签：离开了 。
<span style="Float:left;">Content to float</span>
也许你应该使用很重要！;
我测试了它和它的工作。
看看https://www.campaignmonitor.com/css/这里列出哪些支持的所有的东西，并在电子邮件中不支持
相反，浮动的，你可以使用一个外部表，把你想要流通留在外部表的左边TD内容。
这不是一个优雅的答案，但我就是这么做的
简单的浮动图像可以像
<img src="yourimage" align="left" />
但是，这样你就不会得到与文字和图像之间的填充固体成果，展望删除margin和padding和你的文本将坚持旁边的图像。 所以，试试这个：
<div style="text-align:justify;">
...a lot of text here untill you want to insert an image that floats left...
<table cellpadding="0" cellspacing="0" align="left" style="float: left;">
<tr>
<td>
<img src="yourimage" align="left" vspace="4" />
</td>
<td width="15"> </td>
</tr>
</table>
...a lot more text here until you need an image that floats right...
<table cellpadding="0" cellspacing="0" align="right" style="float: right;">
<tr>
<td width="15"> </td>
<td>
<img src="yourimage" align="left" vspace="4" />
</td>
</tr>
</table>
... a lot more text here...
</div>
你需要用它周围的“表”元素得到填充利润的影响在Gmail，Outlook中（在线），微软的Outlook（桌面客户端）工作，...
把桌上的ALIGN =左边或右边的属性。 （编辑答案在这里：。除了与后援其他邮件客户端也给表一个浮点值，所以两者都做，他们是后备彼此有些客户了解“浮动”，别人理解“对齐”，一些了解双方， ...）表格就会漂浮在几乎像的图像确实文本。 唯一的区别是，在前景表生成在与对齐的图像向左或向右不产生断文本的自动换行。
为了设置余量，因为我们现在有一张桌子的工作，增加一个额外的“TD”的宽度=“15”向左或图像细胞的权利，在其非打破空间。 （或者TRANSPARANT GIF - > spacer.gif的）
你最好不要离开细胞空的，因为你的电池，否则宽度将不会在某些电子邮件客户端被尊重
对于顶部和底部边缘，我们可以使用“VSPACE”属性，不要忘了给图像的ALIGN =左边或右边的属性。 否则，“VSPACE”将无法正常工作。
当你漂浮的东西的东西的权利浮动元素应该八方通apear第一代码。 像这样：
<div style="width: 100%;border-style:solid;overflow: hidden;">
<img src="someImage" style="float: right;"/>
<h3> Your appointment Details</h3>
</div>
