Що таке padding в CSS3?

Властивість padding задає відступи в об'єкті. На відміну від margin, яка задає зовнішні відступи, padding робить відступи всередині об'єкту.

В якості значення вказується значення в пікселях, відсотках чи інших одиницях вимірювання.

1. Якщо вказувати лише одне значення, то задається відступ для всіх координат: право, ліво, верх і низ (padding: 50px);
2. Якщо вказувати два значення, то перше контролює верхній і нижній відступ, а друге бічні відступи (padding: 50px 10px);
3. Якщо вказувати три значення, то перше контролює верхній відступ, друге бічні відступи, а третє нижній відступ (padding: 50px 10px 30px);
4. Якщо вказувати чотири значення, то перше контролює верхній відступ, друге - правий, третє - нижній і четверте - лівий (padding: 50px 10px 30px 10px).

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

Результат: