浮かべスパンは、私は同様の質問ここでは、スタックオーバーフローで閲覧

Question

100％利用できる幅を拡大し、それらのどれも問題を解決していない

<span class="in_bl right">Right</span> 
<span class="in_bl left">Left</span> 

逆の順序で表示する必要があるため、それらをフローティングしています。 これはInternet Explorer以外のすべてのブラウザでうまく機能します。

IEでこのフィドルをご覧ください：http://jsfiddle.net/2SGCb/12/

実際には二つの問題があります。

a）は単語 "右が" ウィンドウ

Bの一番最後に浮いています） 「Left」と「Right」の両方の単語が、最初の行ではなく2行目に表示されます。

HTMLコードで 'Right'は 'Left'の前に移動する必要があります（strip_tags（）は "Right Left"になります）が、ユーザーは "Left Right"を参照する必要があります。 視覚的にスワップする方法（HTMLコードではありません）は余りにも歓迎します。

Answer 1

a）の単語「右が」ウィンドウ

の代わりに右に左と他の1つの要素を浮動の非常に最後まで浮上させ、左にそれらの両方をフロート。次に、レイアウトのニーズに合わせてHTML構造を作成します。 DEMO

は、例えば、私はこれらをスワップし、左それらを浮かべ：

<span class="in_bl left">Left</span> 
<span class="in_bl right">Right</span> 

B）の両方の単語「左」と「右」は今や2行目ではなく、最初に表示されます。 IE7でdisplay: inline-blockを使用して

あなたは「hasLayout」を誘発し、それを動作させるために、*display:inlineとzoom:1を含める必要があります。