title: Multiple div with equal width in a container
body: <p>I am trying to place multiple divs with same width inside a container in same row as below</p>
  
  <pre><code>    ++++++++++++++++++++++++++++++
      + ++++++++ ++++++++ ++++++++ +
      + +      + +      + +      + +
      + + box1 + + box2 + + box3 + +
      + +      + +      + +      + +
      + ++++++++ ++++++++ ++++++++ +
      ++++++++++++++++++++++++++++++
  </code></pre>
  
  <p>The container has
  width:100%;
  I was successful to place 3 divs in same row.
  float: left;
  display: inline-block;
  but I couldn't fix the same width for the multiple divs.</p>