Расположение синглов (ов) относительно друг друга

Question

У меня есть два span (ы), расположенные рядом друг с другом внутри родителя div.

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

Я хочу второй span, чтобы показать левый & затем 1-й шкалы. (Примечание: по некоторым причинам я не могу просто переместить 2-й пролет вместо 1-го диапазона в html-коде). Как я могу отобразить 2-й пролет в крайнем левом углу?

Edit:

float:left; на 2 пролета, кажется, сделать трюк, но не уверен, если это будет кросс-браузер в соответствии с точки зрения такого поведения !?

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.

Это кросс-браузер.