Що таке padding?

padding, це внутрішній відступ між content area і border. Він створює простір усередині елемента, відсуваючи контент від його країв.

Структура для орієнтиру:

Особливості:

• входить у Box Model
• збільшує візуальний розмір елемента при box-sizing: content-box
• не має окремого фону, фон тягнеться через content і padding до border

Приклад:

У цьому випадку контент блока буде відступати на 20px з усіх боків.