css - 兄弟跨度相对于彼此定位

Question

我有两个span（s）在 parent 中彼此相邻div。

<div>
    <span id="x1"> </span>
    <span id="x2"> </span>
</div>

我希望第二个span显示在最左边，然后是第一个跨度。（注意：由于某些原因，我不能简单地移动第二个跨度来代替 html 代码中的第一个跨度）。如何在最左边显示第二个跨度？

编辑：

float:left;在第二个跨度上似乎可以解决问题，但不确定这是否在这种行为方面是跨浏览器一致的！？

Answer 1

使用float: leftcss。

所有浏览器都支持它。

HTML

<div><span>Will be leftmost</span><span>Will be right most</span></div>

CSS

div span {float: left;}

请注意，添加float跨度将导致它们不是内联元素，如果这很重要的话。

Answer 2

这就是诀窍：

span#x2 {
    float:left;
}

请参阅jsfiddle。

它是跨浏览器的。