padding – это атрибут, определяющий расстояние между границей элемента и его содержимым.

В значения атрибута padding входят:
• top
• left
• right
• bottom

Обычная запись выглядит так:
padding: 10px 36px 20px;

Но значения отступов так же, как и у атрибута margin - можно задать в процентах "%"
padding: 3%

Для осознания, выше изложенной информации, сделаем большой блок, у которого значение padding будет задано в процентах "%". Внутри этого блока будут два маленьких блока с текстом, у которых значение padding будет задано в три числа:

<style>
#my_div_0 {
background: #C5FFCB;
border: 2px solid #3DFF50;
width: 400px;

margin: auto;

padding: 5%;
}

#my_div_1 {
background: #A9F938;
border: 2px solid #1DF8FF;


padding: 8px 20px 10px;
}

#my_div_2 {
background: #A9F938;
border: 2px solid #1DF8FF;


padding: 20px 50px 40px;
}
</style>

<div id="my_div_0">
  <div id="my_div_1">
   Много много разного текста 
  </div>
  <br>
  <br>
    <div id="my_div_2">
   Много много разного текста 
  </div>
</div>