title: Align two columns next to each other without removing them from their container?
body: <pre><code>&lt;div class="container"&gt;
     &lt;div class="content"&gt;
     &lt;/div&gt;
     &lt;div class="sidebar"&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In the above example I can't seem to get content and sidebar to show up next to each other without using floats. Using floats works but it removes them from the bounds of the content class.</p>