промежуток плавает прямо в div - почему новая строка в IE?

Question

У меня 1 интервал внутри контейнера div. Я хочу, чтобы пролёт всплыл вправо. Содержимое внутри div и span должно быть в одной строке.

В Firefox именно так он и отображается.

Но в IE диапазон отображается в новой строке:

http://i48.tinypic.com/etzg5f.png

Почему браузеры отображают содержимое по-разному?

Answer 1

Вы должны переместить другой контент влево. Так что есть два поплавка; влево и вправо.

Другим подходом может быть использование абсолютного положения на пролете и относительного положения на окружающем элементе div. Затем вы можете поместить позиции (сверху, слева, справа и снизу) и расположить элементы так, как должны!

Answer 2

Возможно, вам не помешает указать ширину в определении стиля .catalogSelection#top #rss. При установке плавающего элемента он считает его элементом уровня блока, и поскольку существующий текст не является плавающим, он переносится на следующую строку. Либо это, либо вам нужно переместить текст Choose Catalog влево. Или, как предложил Кевин, вы можете просто поместить свои плавающие элементы слева от не плавающих, но это может быть проблемой, когда речь идет о программах чтения с экрана, так как они читаются слева направо в вашем коде и не являются семантически правильными.