Що таке 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;
}

Результат: