title: How to change "div" place in the flow?
body: <p>There are two columns (left and right) with float positioning: <a href="http://jsfiddle.net/GBa4r/" rel="nofollow">http://jsfiddle.net/GBa4r/</a></p>
  
  <pre><code>&lt;style&gt;
      .container {width:200px;}
      .right {float: right; width: 30%;}
      .left {float: left; width: 70%;}​
  &lt;/style&gt;
  &lt;div class="container"&gt;
      &lt;div class="right"&gt;2&lt;/div&gt;
      &lt;div class="left"&gt;1&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>​
  For print styles I need to change column places like in this example <a href="http://jsfiddle.net/GBa4r/1/" rel="nofollow">http://jsfiddle.net/GBa4r/1/</a> (".left" column above ".right")</p>
  
  <p>What css code I should use in</p>
  
  <pre><code>   &lt;link href="/css/print.css" media="print" type="text/css" rel="stylesheet" /&gt;
  </code></pre>
  
  <p>to do it without change html code?</p>