css - CSS で最初の Div を 2 番目の Div の下に移動する

Question

私のhtmlコードは次のようになります：

以下を含むラッパー div (パーセント幅、左にフローティング):

1. テキストとリンクを含む 1 つの div。
2. 画像を含む 1 つの Div。

問題:上記のようなコーディング順序を維持したいのですが、ユーザー エクスペリエンスのために、CSS を使用して div の順序を逆にして、次のような結果を得たいと考えています。

注: ラッパー div は 20% で、左にフロートされ、そのページに 4 つの他の同様の div が続きます。

タイ！

これはフィドルリンクです：

http://jsfiddle.net/sexywebteacher/4sbQf/

Answer 1

http://jsfiddle.net/QGyNN/

HTML

<div id="wrapper">
    <div id="txt">
    </div>
    <div id="img">
    </div>
</div>​

CSS

div#wrapper
{
    height:100px;
    width:60px;
    border:1px solid black;
    position:relative;
}
div#txt, div#img
{
    position:absolute;
    margin: 5px;
    width:50px;
}
div#img
{
    top:0px;
    height: 60px;
    border:1px solid red;
}
div#txt
{
    bottom:0px;
    height:20px;
    border:1px solid green;
}​