兄弟姐妹跨度相对于彼此定位

Question

我在父span内有两个div（s）彼此相邻。

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

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

编辑：

第二个跨度上的

float:left;似乎可以解决这个问题，但不确定这种行为是否会与浏览器保持一致！？

Answer 1

使用float: left css。

所有浏览器都支持它。

<强> 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。

它是跨浏览器。