выравнивание по центру

попробуй div.ind { ... margin: Npx auto; }

Добавляем два div'а: cnt1 и cnt2. Заворачиваем в них
динамически добавляемые элементы:

<div id="pp">
  <div id="cnt1"><div id="cnt2">
    <div class="ind"></div>
    <div class="ind"></div>
    <div class="ind"></div>
    <div class="ind"></div>
    <div class="ind"></div>
  </div></div>
</div>

В CSS:
#cnt1 {
        float:left;
        padding-left:50%;
}
#cnt2 {
        margin-left:-50%;
}

Работает в FF и Opera. С IE6 придется повозиться.

Либо по другому:

bigdiv { position: relative; margin-left: 50%; margin-right: 50%; }

Либо еще по другому (с помощью отрицательных полей, нужно знать ширину дива, к примеру, если ширина его 300px):

bigdiv { position: absolute; width: 300px; height: 150px; margin-top: 300px; margin-left: 50%; left: -150px; }

Либо по другому:

bigdiv {
position: relative;
margin-left: 50%;
margin-right: 50%;
}

Либо еще по другому (с помощью отрицательных полей, нужно знать ширину дива, к примеру, если ширина его 300px):

bigdiv {
position: absolute;
width: 300px;
height: 150px;
margin-top: 300px;
margin-left: 50%;
left: -150px;
}