title: reverse the order of div's children
body: <p>How can you reverse the order of a div's children with pure CSS?</p>
  
  <p>For example:</p>
  
  <p>I want</p>
  
  <pre><code>&lt;div id="parent"&gt;
      &lt;div&gt;A&lt;/div&gt;
      &lt;div&gt;B&lt;/div&gt;
      &lt;div&gt;C&lt;/div&gt;
      &lt;div&gt;D&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>to be displayed as:</p>
  
  <pre><code>D
  
  C
  
  B
  
  A
  </code></pre>
  
  <p>I've created a demo on JSfiddle:
  <a href="http://jsfiddle.net/E7cVs/2/" rel="noreferrer">http://jsfiddle.net/E7cVs/2/</a></p>