Как задать отступы в css

Отступы могут быть заданы в CSS с помощью свойства margin для отступов от границ элемента и свойства padding для отступов внутри элемента.

Синтаксис для margin:

margin: top right bottom left;

где top, right, bottom и left — значения отступов для каждой из сторон (в пикселях, процентах или других единицах измерения).

Например:

margin: 10px 20px 30px 40px; /* заданы отступы для всех сторон */
margin-top: 10px; /* задан отступ для верхней стороны */
margin-bottom: 20px; /* задан отступ для нижней стороны */

Синтаксис для padding:

padding: top right bottom left;

где top, right, bottom и left — значения отступов для каждой из сторон (в пикселях, процентах или других единицах измерения).

Например:

padding: 10px 20px 30px 40px; /* заданы отступы для всех сторон */
padding-top: 10px; /* задан отступ для верхней стороны */
padding-bottom: 20px; /* задан отступ для нижней стороны */