Диапазон, плавающий прямо внутри div - почему новая строка в IE?

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

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

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

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

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

Ответ 1

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

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

Ответ 2

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