css - 浮動スパンは IE の div の幅を増やします

Question

ヘラス、

IE8 でスタイリングの問題が発生しています。目標は、幅を設定せずに 1 つの行に 2 つの div を配置することです(div はテキストで拡張する必要があります)。IE 以外のすべてのブラウザで動作します。ここで、div 内に浮かんでいるスパン要素は、各 div を max-width に引き延ばし、他の div を次の行から開始させます。jsfiddle のデモは次のとおりです。

http://jsfiddle.net/TFnsV/

Answer 1

IE7 では、この html 構造で動作させることができませんでした (IE8 では動作します)。ただし、次のように HTML を少し変更できます。

<div>
    <h2><span class="left">Test one two three</span>
        <span class="right">USD</span>
    </h2>
    <p>Test test test</p>
</div>

そしてCSS：

.right{
  width: 20px;

}

。左{

float:left;

}

これを見てください：http://jsfiddle.net/Zn8cU/

編集：これを追加できます：

h2{
    text-align:right;
}

更新された例: http://jsfiddle.net/5bgH2/