W jaki sposób wyśrodkować diva, w artykule mam układ divów

<div id="id0">
<p></p>
</div>

<div id="id1">
<div class="id2">
<h4></h4><p></p>
</div>
<div class="id2">
<h4></h4><p></p>
</div>
</div>

dodam że jestem w stanie wyśrodkowac tekst który jest w #id0 za pomocą text-align: center ; natomiast diva #id1 nie mogę w żaden sposób wycentrować ani przez text-align ani margin: 0 auto ; , bardziej wyrafinowane kompozycje css też nie przynoszą efektu .
Szerokość artykułu jest 100% , divy .id2 są użyte z float: left;