как расположить правильно блоки в css

Если контейнер не с абсолютной, а относительной шириной, то используем такое правило:

Получается такая красота:

Теперь, чтобы выровнять блок внутри контейнера по центру, используем формулу:

Вот так расположить блок в контейнере:

Используем простую формулу:

Выравнивание абсолютно позиционируемых элементов

font: 14px/1.5 Helvetica, sans-serif;

Как мы видим, значение margin сверху и снизу блока равно нулю, а слева и справа auto, благодаря чему и осуществляется выравнивание по горизонтали. Стоит отметить, что при использовании margin:auto должна быть назначена ширина элемента, а высота необязательно. Таким способом можно выравнивать любые блочные элементы.

Это можно реализовать и немного отличающимся CSS:

Чтобы расположить блок по центру, вне зависимости от ширины окна, используем такую конструкцию:

Самый простой пример центрирования элемента на странице выравнивание по горизонтали обычного div’а:

Эта статьяP Pпамятка для решения такой тривиальной задачи, как центрирование элементов на странице. Зачастую это занимает гораздо больше времени при верстке, чем ожидается. В посте на примерах показано, как правильно выравнивать блоки или текст с помощью CSS.

Выравниванием всё по центру с помощью CSS

Выравниванием всё по центру с помощью CSS | Фрилансер Кирилл Куликов