title: Reverse the order of inline blocks?
body: <p>As of current this set up aligns 2 boxes side by side but then when the container get's to small then the boxes stack up on each other as seen by this jsfiddle created by someone who helped me out last time: 
  <a href="http://jsfiddle.net/gW8r2/1/" rel="nofollow">http://jsfiddle.net/gW8r2/1/</a></p>
  
  <p>My Question is if it's possible to reverse the order it stacks so the box on the right (blue) stacks on top of left box when the container becomes too small?</p>
  
  <p>Code shown on JSFiddle</p>
  
  <p>CSS:</p>
  
  <pre><code>.parent {
  width: 100%;
  height: 100%;
  border: 1px solid green;
  text-align: center;
  }
  
  .parent &gt; div {
  display: inline-block;
  }
  
  .a {
  width: 100px;
  height: 100px;
  background: red;
  }
  
  .b {
  width: 200px;
  height: 100px;
  background: blue;
  }
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="parent"&gt;
  &lt;div class="a"&gt;&lt;/div&gt;
  &lt;div class="b"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>