向左浮动而不包装在电子邮件中

Question

我正在为我发送给客户的邮件设置样式，我希望图像浮动，但文本不应该包裹在它下面。我试过了

#left-image {
float:left;
}
#right-text {
display:table-cell;
}

和

#left-image {
left: 0; 
position: absolute;
}
#right-text {
padding: 0 0 0 100px;
position: relative;
}

第一个代码仍然包围图像周围的文本，第二组代码将图像放在文本的顶部。在发送之前我一直在使用第二个代码作为我的确认页面，它的工作方式与我想要的一样，但我的邮件怎么会以不同的方式出现？

Answer 1

今天我使用了我刚写的对齐（html）属性

    <table align="left"></table>

这解决了我的漂浮问题。

Answer 2

为什么要混合方法？坚持一个，浮动或使用两个元素上的显示表格单元。

#left-image {
    float:left;
}
#right-text {
    float: left;
}

---

#left-image {
    display: table-cell;
}
#right-text {
    display: table-cell;
}

Answer 3

我认为您使用普通div标签创建电子邮件，不建议实现跨平台兼容性。使用没有浮点数和边距的HTML电子邮件结构，然后您可以看到浏览器以及平台独立邮件。如果您使用的是html表，则可以使用text-align：left而不是float：left。