移動第一事業部出現在第二個的CSS

Question

我的HTML代碼如下所示：

一個包裝DIV（百分比寬度，左浮動）包含：

1. 一個格包含文本和鏈接;
2. One 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; 
}​