title: Move The First Div Appear Under the Second One in CSS
body: <p>My html code looks like this:</p>
  
  <p>A <strong>wrapper div</strong> (percent width, floated left) containing:</p>
  
  <ol>
  <li>One div containing text and links;</li>
  <li>One Div containing an image;</li>
  </ol>
  
  <p>The problem:
  I want to <strong>keep the coding order like above</strong>, but for user experience I want to inverse the divs order using CSS to get something like this:</p>
  
  <p><em>Note: the wrapper div is 20%, floated left, followed by 4 other similar divs on that page.</em></p>
  
  <p><img src="https://i.stack.imgur.com/Rb63I.png" alt="Inverse the order of the divs with CSS"></p>
  
  <p>Ty!</p>
  
  <p>This is the fiddle link:</p>
  
  <p><a href="http://jsfiddle.net/sexywebteacher/4sbQf/" rel="noreferrer">http://jsfiddle.net/sexywebteacher/4sbQf/</a></p>