Вопрос по центровке горизонтальных рядов картинок с подписям

Сообщение # 1 | 17:38:59 21 Янв 2012

Приветствую, уважаемые.
Подскажите, пожалуйста, как настроить центровку картинок с подписями?
Картинки с подписями размещаются горизонтально на странице.
Если монитор шире, то они помещаются, например, по 6 вряд. Если монитор меньше, то они отображаются по 3 вряд.
Но привязка у них к левому или к правому краю страницы - float: left;
Если поставить float: center;, то это не помагает. Картинки с подписями располагаются друг под другом, а мне нужно, чтобы они горизонтально размещались.
Нужно, чтобы у этих горизонтальных рядов картинок с подписями были равные отступы от правой и левой границ страницы. То есть, чтобы ряды располагались симметрично относительно центральной вертикальной оси.
Код на данный момент такой:

<script>
document.createElement('figure');
document.createElement('figcaption');
</script>

<style>
figure {
background: #5f6a72; /* Цвет фона */
padding: 10px; /* Поля вокруг */
display: block; /* Блочный элемент */
width: 150px; /* Ширина */
float: left; /* Блоки выстраиваются по горизонтали */
margin: 0 10px 10px 0; /* Отступы */
text-align: center; /* Выравнивание по центру */
}
figcaption {
color: #fff; /* Цвет текста */
}
</style>

<body>
<article>

<figure>
<p><img src="картинка" alt="" /></p>
<figcaption>текст</figcaption>
</figure>

<figure>
<p><img src="картинка" alt="" /></p>
<figcaption>текст</figcaption>
</figure>

<figure>
<p><img src="картинка" alt="" /></p>
<figcaption>текст</figcaption>
</figure>

<figure>
<p><img src="картинка" alt="" /></p>
<figcaption>текст</figcaption>
</figure>

<figure>
<p><img src="картинка" alt="" /></p>
<figcaption>текст</figcaption>
</figure>

<figure>
<p><img src="картинка" alt="" /></p>
<figcaption>текст</figcaption>
</figure>

<figure>
<p><img src="картинка" alt="" /></p>
<figcaption>текст</figcaption>
</figure>

</article>
</body>

Страница 1 из 1 1
Модератор форума: dotbot