如何仅使用内联样式删除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客户端格式化/为span元素添加新行，我如何以两种颜色显示单个单词？请注意，电子邮件客户端只允许使用内嵌样式，因此我无法使用<style></style>标记。

Answer 1

你可以float第一个元素。

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

Answer 2

float属性指定框（元素）是否应该浮动。 您可以在float标记中添加span。 对于您需要的代码，float:left带有第一个span标记。

所以它将是

＆＃13;

＆＃13;

<span style="color:#FF0000; float: left">World</span>
<span style="color:#0D0DFF;">Wide</span>

＆＃13;

＆＃13;

＆＃13;

Answer 3

我知道浮点数对电子邮件的效果不佳。我知道跨度是内联块，但添加内联代码可能会使其工作。

<span style="color:red;display:inline-block;">World</span>
<span style="color:blue;display:inline-block;">Wide</span> and the rest of the words

让我知道这是否有效。