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

Результат: