title: How to align 3 divs left-center-right?
body: <p>How can I align 3 divs in one line left-center-right without having to define explicit sizes?</p>
  
  <p>Left should be aligned most to the left edge, and right to the right edge.</p>
  
  <p>The following does not work:</p>
  
  <pre><code>&lt;div style="float: left;"&gt;
      left
  &lt;/div&gt;
  &lt;div style="float: right;"&gt;
      right
  &lt;/div&gt;
  &lt;div style="margin: 0 auto;"&gt;
      center
  &lt;/div&gt;
  </code></pre>