css - 兄弟 span(s) 相对于彼此的定位

Question

我有两个 span(s) 在父级 div 中彼此相邻。

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

我希望第二个 span 显示在最左边，然后是第一个 span。 (注意:由于某些原因，我不能简单地移动第二个跨度来代替 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;}

请注意，如果这很重要，在 span 上添加 float 将导致它们不是内联元素。