Выравнивание содержимого по горизонтали, которое имеет свойство float, можно сделать очень легко и кроме того полностью кроссбраузерно (работает в Opera 8+, Firefox 3+, IE 5.5+).
Пример выравнивания div-блока
Чтобы выравнять блок со свойством float или несколько расположенных в ряд блоков, необходим еще один внешний блок. Внешнему блоку и внутренним блокам назначается position: absolute;
и float: left;
, внешнему назначить left: 50%;
, а внутренним блокам right: 50%;
. Для использования float: right;
нужно назначить внешнему назначить right: 50%;
, а внутренним блокам left: 50%;
. Рекомендую очищать float, размещая после выравненных по центру элементов блок со свойством clear: both;
. Читать далее »