Html IE兼容性问题：<；span>；内部<；h2>；

我有以下HTML/CSS，它只是在一个

标记内有一个

标记，样式为

float:right

：

<style>h2{background-color:#e2e2e2;}
span{float:right;border:1px solid red;}</style>
<h2>H2 Test <span>SPAN text</span></h2>

h2{背景色：#e2e2；}
span{float:右；边框：1px实心红色；}
H2测试跨度文本

Firefox上的一切都很好（我怀疑还有其他好的浏览器，比如Chrome、Opera等等），但在IE中，

被迫进入下一行

注：图中显示了Firefox和IE的示例

如何让IE复制Firefox的行为

附加信息：我没有被限制使用

float:right

，我真正想要的是在

中左对齐一部分文本，右对齐一部分文本。我尝试过很多东西，但IE似乎总是不起作用。任何帮助都将不胜感激。

html：

<h2><span class="_1">H2 Test</span><span class="_2">SPAN text</span></h2>

JSFIDLE演示：

---

我可能错了，这就是为什么这篇文章被作为评论而不是答案发布的原因。但是，您不是通常只对块级元素应用“float”吗？Span不是一个块，而是一个内联元素，这可能就是IE不能很好地使用它的原因。

标记也会发生同样的情况。我想，

可能不会这样包装，因为它不是块级元素。这是可行的，但我不确定它是否是您想要的行为。让我知道，如果不是的话，我会尝试改变它：你测试的是哪个版本的IE？你关心哪些版本的IE？你能添加你用于“H2测试”图像的完整HTML吗？我现在正在阅读更多关于这方面的内容，到目前为止我发现的共识是，你不能将“float”应用于非块级元素。

h2{background-color:#e2e2e2;overflow:hidden}
span._1{float:left}
span._2{float:right;border:1px solid red;}