title: CSS - Two floating divs in same line, one with wrapping text
body: <p>Here's the problem:
  I want to have 2 floating divs in same line. Right div could be fixed width. Left div should take all remainig space, and wrap text inside. Parent container width is variable, so I can't set width on both divs.</p>
  
  <p><a href="http://jsfiddle.net/af6wP/" rel="nofollow">http://jsfiddle.net/af6wP/</a></p>
  
  <pre><code>div{border: 1px solid black}
  .left{float: left}
  .right{float: right}
  &lt;div class="left"&gt;
      very long text very long text very long text very long text very long text very long text very long text very long text very long text very long text very long text 
  &lt;/div&gt;
  
  &lt;div class="right"&gt;
      short text
  &lt;/div&gt;
  </code></pre>