title: Div side by side without float
body: <p>How can I make div 'left' and 'right' look like columns side by side? </p>
  
  <p>I know I can use float:left on them and that will work... but on step 5 and 6 in here <a href="http://www.barelyfitz.com/screencast...s/positioning/" rel="noreferrer">http://www.barelyfitz.com/screencast...s/positioning/</a>
  the guy says it is possible, I can't get it work though...</p>
  
  <p>Code:</p>
  
  <pre><code>&lt;style&gt;
  div.left {
      background:blue;
      height:200px;
      width:300px;
  }
  
  div.right{
      background:green;
      height:300px;
      width:100px;
  }
  
  .container{
      background:black;
      height:400px;
      width:450px;
  }
  &lt;/style&gt;
  
  &lt;div class="container"&gt;
          &lt;div class="left"&gt;
              LEFT
          &lt;/div&gt;
          &lt;div class="right"&gt;
              RIGHT
          &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>