css - 如何让两个 block 元素保持在同一行？

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”。