title: Basic CSS problem - parent DIV with unknown child DIVS, centered parent DIV
body: <p>When i'm centering a DIV i will give it a width and put <code>margin:auto</code> on it, however i have two problems with this situation.</p>
  
  <ol>
  <li><p>There are going to be either 2 or 3 DIVS inside this parent DIV with float:left on them. The width of the child DIVS won't change but the number might (2 or 3).</p></li>
  <li><p>This therefore means i cant put a width on the parent DIV through not knowing the number of DIVs inside.</p></li>
  </ol>
  
  <p>sample markup:</p>
  
  <pre><code>&lt;div class="parent"&gt;
   &lt;div class="child"&gt;&lt;/div&gt;
   &lt;div class="child"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>or</p>
  
  <pre><code>&lt;div class="parent"&gt;
   &lt;div class="child"&gt;&lt;/div&gt;
   &lt;div class="child"&gt;&lt;/div&gt;
   &lt;div class="child"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>So in summary, i need to have the parent DIV centered with the DIVs inside floated left.</p>