Что такое margin в CSS3?

Свойство margin задает отступы в объекте. В отличии от padding, который задает внутренние отступы, margin делает внешние отступы к объекту.

В качестве значения указывается значение в пикселях, процентах или других единицах измерения.

1. Если указывать лишь одно значение, то задается отступ для всех координат: право, лево, верх и низ (margin: 50px);
2. Если указывать два значения, то первое контролирует верхний и нижний отступ, а второе боковые отступы (margin: 50px 10px);
3. Если указывать три значения, то первое контролирует верхний отступ, второе боковые отступы, а третье нижний отступ (margin: 50px 10px 30px);
4. Если указывать четыри значения, то первое контролирует верхний отступ, второе - правый, третье - нижний и четвертое - левый (margin: 50px 10px 30px 10px).

div {
	margin: 5%;
	width: 90%;
	background: #A14433;
	color: #fff;
}

Результат: