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

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

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

.block {
  margin-top: 20px;
}

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

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

.block {
  margin-left: 20px;
}

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