title: Position two elements next to eachother with float, clear:both alternative?
body: <p>When i want to position two elements next to each other, like this</p>
  
  <pre><code>&lt;div class="wrapper"&gt;
      &lt;div class="left"&gt; ... &lt;/div&gt;
      &lt;div class="right"&gt; ... &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>i can use the following css:</p>
  
  <pre><code>.left, .right {
      display:inline;
      float:left;
  }
  </code></pre>
  
  <p>but how do i make the wrapper adjust it's height to the child elements, without <code>clear:both</code> property?</p>