title: CSS side by side div's auto equal widths
body: <pre><code>&lt;div id="wrapper" style="width:90%;height:100px;background-color:Gray;"&gt;
      &lt;div id="one" style="height:100px;background-color:Green;float:left;"&gt;&lt;/div&gt;
      &lt;div id="two" style="height:100px;background-color:blue;float:left;"&gt;&lt;/div&gt;
      &lt;div id="three" style="height:100px;background-color:Red;float:left;"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have a parent div which will contain 2 or 3 child divs. I want child divs to take equal widths automatically. </p>
  
  <p>Thank You</p>