如何让两个块元素保持在同一条线上?

时间:2009-09-12 20:29:32

标签: css

我有两个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>

4 个答案:

答案 0 :(得分:1)

你应该在第一个范围内使用“float:left”。

答案 1 :(得分:0)

使用float:right的块应该是HTML中的第一个

答案 2 :(得分:0)

快速说明:默认情况下,span不是块级别。

IE6的CSS渲染中的大多数错误都有众所周知的解决方法,并且已有详细记录here

顺便说一句 - IE6支持对您的网站非常重要吗? IE6的使用最近急剧下降,许多网站都在不断支持它。

答案 3 :(得分:0)

测试 这是跳过的线,需要与上面的span元素保持一致。

只需添加float:left;第一个跨度