title: Divide Width of Element Between Child Divs With CSS
body: <p>I have a varying number of inline-block divs that I want to collectively take up 100% of their parent.  Can this be done <em>without JavaScript</em>?  The only way I can think of is with a table but it's of course bad practice to use a table solely for layout purposes.</p>
  
  <pre><code>|----------------------|
  |{  div 1  }{  div 2  }|
             or
  |{div 1}{div  2}{div 3}|
  |----------------------|
  </code></pre>
  
  <p>I have also tried <code>{ display:block; float:left; }</code> but it doesn't seem to make a difference.</p>