float:left и выравнивание по центру.

[bobo]

Добрый день, есть простой код:

<div style="width:auto; height:150px; margin:0 auto;">
    <?php
        for ($x = 0; $x < count($arraypath); $x++) {
	?>
	    <div style="width:100px; height:102px; margin:28px 10px 0 0; float:left;">
                      <img src="<?php echo $arraypath[$x]; ?>" title="" alt="" style="width:100px; height:102px; cursor:pointer;" onclick="chadphoto(this);" />
                  </div>
              <?php	
        }
    ?>
</div>

Как сделать, что б картинки, вне зависимости от их кол-ва, были всегда по центру div'а ? В данном примере они все прижаты к левому краю.

 

[MiksIr]

http://www.artlebedev.ru/tools/technogrette/html/thumbnails-center/

 

[ar4temkin]

<div style="width:700px; text-align:center">
    <?php
        for ($x = 0; $x < count($arraypath); $x++) {
    ?>
        <div style="width:100px; height:102px; margin:28px 10px 0 0; display:inline-block; text-align:left">
                      <img src="<?php echo $arraypath[$x]; ?>" title="" alt="" style="width:100px; height:102px; cursor:pointer;" onclick="chadphoto(this);" />
         </div>
              <?php    
        }
    ?>
</div>

что такое