IE兼容性问题：<h2>内的<span>

问题描述

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

<h2>

标记内带有

float:right

样式的

<span>

标记：

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

一切都可以在Firefox上正常运行（我怀疑其他优秀的浏览器，例如Chrome，Opera等），但是在IE中，

<span>

只能进入下一行。 注意：该图显示了Firefox和IE的示例。 如何使IE复制Firefox的行为？ 附加信息：我并没有被限制使用

float:right

，我真正想要的只是在

<h2>

中部分文本左对齐，而部分文本右对齐。我已经尝试了很多事情，但是IE似乎始终是无法使用的浏览器。任何帮助，将不胜感激。     

解决方法

的HTML：

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

CSS：

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

jsfiddle演示： http://jsfiddle.net/shmZR/