padding

/* Применяется для всех 4 сторон */
padding: 1em;

/* По вертикали | По горизонтали */
padding: 5% 10%;

/* Сверху | По горизонтали | Снизу */
padding: 1em 2em 2em;

/* Сверху | Справа | Снизу | Слева */
padding: 2px 1em 0 1em;

/* Глобальные значения */
padding: inherit;
padding: initial;
padding: unset;

padding: 5%; /*  со всех сторон отступ 5% */

padding: 10px; /*  со всех сторон отступ 10px */

padding: 10px 20px;
/*  сверху и снизу отступ 10px */
/*  слева и справа отступ 20px */

padding: 10px 3% 20px;
/*  сверху отступ 10px       */
/*  слева и справа отступ 3% */
/*  снизу отступ 20px        */

padding: 1em 3px 30px 5px;
/*  сверху отступ 1em   */
/*  справа отступ 3px   */
/*  снизу отступ 30px   */
/*  слева отступ 5px    */

<h4>Hello world!</h4>
<h3>The padding is different in this line.</h3>

h4 {
  background-color: green;
  padding: 50px 20px 20px 50px;
}

h3 {
  background-color: blue;
  padding: 400px 50px 50px 400px;
}