html - 如何仅使用内联样式删除 span 元素之间的空格？

Question

我想用两种颜色(红色和蓝色)显示一个单词“WorldWide”。

我试过如下使用 span 元素。

<span style="color:red">World</span><span style="color:blue">Wide</span>

但问题是电子邮件客户端将 html 格式化为如下所示，因此由于在 html 中添加了新行，文本最终显示为两个词(World Wide 而不是 WordWide)。

<span style="color:red">World
</span>
<span style="color:blue">Wide
</span>

所以我的问题是:考虑到 html 客户端格式化/添加新行以跨越元素，我如何以两种颜色显示单个单词？请注意，电子邮件客户端只允许内联样式，所以我不能使用 <style></style>标签。

Answer 1

您可以 float 第一个元素。

<span style="color:red; float: left;">World</span>
<span style="color:blue">Wide</span>