Выравнивание по центру нескольких div

[kiteman]

Добрый день, мастера.

Решение своей проблемы я не смог найти поиском.

Есть каталог в виде картинок. Каждая картинка обрамлена своим div, который имеет float: left.

В результате имеем вывод картинок в виде матрицы с переменным количеством столбцов, зависящим от ширины браузера.

Проблема в том, что выводимая матрица получается прижата к левому краю.

Очень хочется, чтобы она была по середине.

Все находимые в сети приемы выравнивают по середине только один div, в результате матрица превращается в одинокий столбец, но по центру.

Нужно же, чтобы по центру была вся матрица.

Спасибо.

[Myuzik]

попробуйте завернуть матрицу в отдельный див, дать ему overvlow: hiden и margin: 0 auto .

[Great Rash]

Вместо float используйте inline-block. Подробности тут: ЧаВО.

[kiteman]

Спасибо большое. Буду пробовать.