title: How to float all child divs to center inside a parent div?
body: <p>i use a parent div with three child divs ,</p>
  
  <pre><code>&lt;div id="parentDiv"&gt;
      &lt;div id="PagerUp" class="pager"&gt;
  
       &lt;/div&gt;
      &lt;div id="ResultsDiv"&gt;
  
      &lt;/div&gt;
      &lt;div id="PagerDown" class="pager"&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But what i get is this <a href="http://img132.imageshack.us/img132/5923/floatingdivs.jpg" rel="nofollow noreferrer">http://img132.imageshack.us/img132/5923/floatingdivs.jpg</a></p>
  
  <p>How to float all those divs to center.... Hint:I dint apply any css...</p>