Как я могу получить два элемента блока, чтобы остаться на одной линии?

Question

У меня есть два элемента span, которые я бы хотел оставить на одной линии. В FF и других браузерах мой код работает нормально, но в IE6 он ломается. Может кто-нибудь сказать, пожалуйста, что я делаю не так?

Вот код, который я использую:

<span style="font-family:Arial;text-align:left;font-size:30px;color:#06a;">
  test
</span>
<span style="font-family:Arial;float:right;font-size:12px;color:#06a;text-align:left;">
  This is the line that jumps down and needs to be brought level with the above span element.
</span>

Answer 1

вы должны использовать «float: left» в первом промежутке.

Answer 2

тест Это линия, которая спрыгивает вниз и должна быть приведена в соответствие с вышеуказанным элементом span.

просто добавь float: left; первый промежуток

Answer 3

Просто короткое примечание: по умолчанию span не является блочным.

Большинство ошибок в рендеринге CSS в IE6 имеют хорошо известные обходные пути и хорошо документированы здесь .

Кстати, действительно ли поддержка IE6 важна для вашего сайта? Использование IE6 в последнее время резко сократилось, и многие сайты отказались от его поддержки.

Answer 4

Блок с использованием float: right должен быть первым в HTML