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

Для выравнивания блоков в css есть несколько проверенных способов, давайте же их рассмотрим

Самый простой и правильный способ

С помощью свойства - margin

margin: 0 auto;

Пример:

Данный способ является самым правильным и советуется его в основном и использовать. Код полностью валидный.

С помощью процентов

Также в свойстве margin можно указать параметры в соотношении, но нужно будет учитывать ширину контента в процентах.

К примеру, блок имеет ширину в 20%, тогда его отступы справа и слева будут равны 40%, рассмотрим на примере:

Вы можете менять процентое соотношение, главное, чтобы отступы слева и справа были равны и сумма отступов и блока были равны 100%.

Смешанный способ

Следующий способ подойдёт для тех, кто указывает ширину блока в пикселях. Идея такая - указываем отступ слева в 50%, указываем ширину блока, к примеру 500px, и делаем отступ блока в соотношении - ширина деленная на два, в данном случае это 250px;