title: Can't place one div below another - they appear on top of each other now
body: <p>I have 2 containers right now and I want 1 of these containers to be below the other. In each of these containers, I have 2 side by side div's courtesy of this post: <a href="https://stackoverflow.com/questions/7448363/is-it-possible-to-put-two-div-elements-side-by-side-without-using-css-float">Is it possible to put two div elements side-by-side without using CSS float?</a></p>
  
  <pre><code>&lt;div id="container"&gt;
      &lt;div class="one"&gt;testing one&lt;/div&gt;
      &lt;div class="two"&gt;testing two&lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="container"&gt;
      &lt;div class="one"&gt;testing three&lt;/div&gt;
      &lt;div class="two"&gt;testing four&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/zWk2y/14/" rel="nofollow noreferrer">http://jsfiddle.net/zWk2y/14/</a></p>
  
  <p>I want to one&amp;two, three&amp;four next to each other but one&amp;two on top of three&amp;four so it makes a 2x2 grid. But it keeps appearing on top of each other.</p>
  
  <p>Thanks</p>