Как поместить все дочерние элементы div в центр родительского элемента div?

Question

я использую родительский div с тремя дочерними div,

<div id="parentDiv">
    <div id="PagerUp" class="pager">

     </div>
    <div id="ResultsDiv">

    </div>
    <div id="PagerDown" class="pager">

    </div>
</div>

Но что я получаю, это http://img132.imageshack.us/img132/5923/floatingdivs.jpg

Как переместить все эти элементы в центр .... Подсказка: я не применяю любые CSS ...

Answer 1

Попробуйте это:

#parentDiv {
  width: 600px; /* or whatever width you specify */
  margin:0px auto;
}

.

Обновление:

Попробуйте указать поля для пейджеров:

#PagerUp, #PagerDown
{
      width: 600px; /* or whatever width you specify */
      margin:0px auto;
}

Или вы тоже можете сделать это:

#PagerUp, #PagerDown
{
   width: 600px; /* or whatever width you specify */
   margin-left:100px;  /* adjust value accordingly */
   margin-right:100px;  /* adjust value accordingly */
}

Answer 2

Если вы хотите центрировать все эти div, то вы должны центрировать их родителей. использование маржа: 0 авто на # parentDiv