расположение элемента в блоке по центру css

<div class="block">Test Block 2</div>

<div class="block">Test Block 1</div>

Для демонстрации метода создадим следующую структуру:

Суть метода заключается в использовании документированной особенности свойства position при установленном значении relative, а именно, то, что при использовании position:relative положение элемента устанавливается относительно его исходного места.

Стоит заметить, что приведенное решение работает в Opera 8+, Firefox 3+, IE 5.5+, что выгодно выделяет его среди других (с помощью css свойств table, table-row, table-cell, которые не поддерживаются устаревшими браузерами).

В своей практике часто сталкиваюсь с проблемой центрирования нескольких блоков расположенных один за другим с помощью css-свойства float.

Выравнивание float блоков по центру

Выравнивание float блоков по центру | zenhtml.com