title: Horizontally align div without float
body: <p>I want to know if there exists an <em>elegant</em> way to horizontally align 3 <code>divs</code> <strong><em>without using</em></strong> <code>float</code> css property.</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div id="parent"&gt;  
    &lt;div id="first"&gt;Left&lt;/div&gt;  
    &lt;div id="second"&gt;Middle&lt;/div&gt;  
    &lt;div id="third"&gt;Right&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I ask this question because the parent <code>div</code> has not <code>float</code> property and adding <code>float</code> to children cause problems on page resizing.  </p>