Как сдвинуть блок в CSS

Сдвиг блока в CSS можно произвести с помощью CSS свойства margin. Применение margin позволяет задавать отступы вокруг элемента, что позволит сдвинуть его в нужном направлении.

Например, для сдвига блока на 20 пикселей вниз относительно его исходной позиции можно использовать следующий CSS код:

.block {
  margin-top: 20px;
}

Значение margin-top равное 20px добавляет отступ сверху блока, что приводит к его сдвигу вниз.

Аналогично, можно сдвигать блок в любом другом направлении, используя свойства margin-rightmargin-bottom и margin-left. Например, для сдвига блока на 20 пикселей вправо относительно его исходной позиции можно использовать следующий CSS код:

.block {
  margin-left: 20px;
}

Значение margin-left равное 20px добавляет отступ слева блока, что приводит к его сдвигу вправо.

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Как сдвинуть блок в CSS

Наш специалист свяжется с вами в ближайшее время и уточнит детали