muovere i primi Div appaiono sotto la seconda in CSS

Question

Il mio codice HTML simile a questo:

Un div involucro (larghezza per cento, galleggiava a sinistra) contenente:

1. Un div testo contenente e collegamenti;
2. Un Div contenente un'immagine;

Il problema: voglio mantenere l'ordine di codifica come sopra, ma per l'esperienza degli utenti voglio invertire l'ordine div usando i CSS per ottenere qualcosa di simile:

Nota: l'involucro div è del 20%, fluttuato a sinistra, seguito da altre 4 div simili in quella pagina.

Ty!

Questo è il link violino:

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; 
}​