CSSで要素の位置を反転させる方法は？

Question

ここに古い問題がありました。私は20以上のさまざまな記事を読んできましたが、これがどれほど難しいかを思い出してきました。答えがあれば、投稿してください。

ここで私が達成しようとしています何のフィドルです：http://jsfiddle.net/6xuSp/

要件：

• 垂直は左、右
上に表示される要素を宣言したコンテンツボックス（ leftと right）
• を中心に
• 宣言された高さはありません（コンテンツボックスには変数の内容が含まれている可能性があります。はい、上記のフィドルでコンテンツボックスの高さを宣言しました。 ）
• ありませんJavascriptを
• サポートするすべての主要なブラウザ（IE8 +、7はうまく表示6は問題ではない、理想的である）

上記のフィドルはかなり2の反転を除いて、私が何をしたいんコンテンツボックス。私は浮動小数点の属性を無効にしています。上記の要件を満たすことができる限り、浮動小数点（または別のCSSテクニック）を使用するかどうかは気にしません。これはあなたが後にしているものを

歓声、 D

Answer 1

ですか？

Demo

Answer 2

私はこのバイオリンは何をしたいんだと思う：

http://jsfiddle.net/6xuSp/37/

代わりの順序を逆に、私は上に右のボックスを置くためにz-indexを使用しました。