我在Stack Overflow中浏览了类似的问题，但没有一个能解决问题：
我太过分了：
<span class="in_bl right">Right</span>
<span class="in_bl left">Left</span>
我需要以相反的顺序显示它们，这就是我浮动它们的原因。 这适用于除Internet Explorer之外的所有浏览器。
请在IE中查看这个小提琴：http://jsfiddle.net/2SGCb/12/
实际上有两个问题：
a）单词“Right”浮动到窗口的最末端
b）“左”和“右”这两个词现在出现在第二行，而不是第一行。
在html代码中，“Right”必须在“Left”之前（所以strip_tags（）应该导致“Right Left”）但是用户必须看到“Left Right”。 任何其他建议如何在视觉上交换（但不是在html代码中）太跨，欢迎。
答案 0 :(得分：0)
a）单词“Right”浮动到窗口的最末端
不是将一个元素向左浮动而另一个元素向右浮动，而是向左浮动它们。然后创建HTML结构以满足您的布局需求。 DEMO
例如，我交换了这些并将它们向左浮动：
<span class="in_bl left">Left</span>
<span class="in_bl right">Right</span>
b）“左”和“右”这两个词现在出现在第二行，而不是第一行。
在IE7中使用display: inline-block，您必须包含*display:inline 和 zoom:1才能触发'hasLayout'并使其正常工作。