title: How to align 3 divs (left/center/right) inside another div?
body: <p>I want to have 3 divs aligned inside a container div, something like this:</p>
  
  <pre><code>[[LEFT]       [CENTER]        [RIGHT]]
  </code></pre>
  
  <p>Container div is 100% wide (no set width), and center div should remain in center after resizing the container.</p>
  
  <p>So I set:</p>
  
  <pre class="lang-css prettyprint-override"><code>#container{width:100%;}
  #left{float:left;width:100px;}
  #right{float:right;width:100px;}
  #center{margin:0 auto;width:100px;}
  </code></pre>
  
  <p>But it becomes:</p>
  
  <pre><code>[[LEFT]       [CENTER]              ]
                                [RIGHT]
  </code></pre>
  
  <p>Any tips?</p>