css - 如何使用 CSS 将两个 span 合并为一行

Question

我想用 CSS 在一行中包含两个 spans。

这是我的代码:

<div style="width:60px;">
    <span id="span1" style="float:left; display:inline;"></span>
    <span id="span2" style="float:left; display:inline; "></span>
</div>

但它不起作用。

怎么做？

编辑:

我想使用“id”，使用div 或span，我只希望它们在一行中。

当我只使用没有样式的span时，内容不在同一行。第二行会下降。

Answer 1

这是工作示例:

<div style="float:left;">
    <span style="display:inline; color: red;">First Span</span>
    <span style="display:inline; color: blue;">Second Span</span>
</div>