Padding

Padding: é o espaço entre o conteúdo e a borda do elemento, também conhecido como espaçamento interno; Esse recurso é utilizado para criar uma distancia entre o conteúdo (texto) e a extremidade do elemento.

Exemplo: padding: 10px;

Lados individuais: Podemos adicionar o padding aos lados individuais de um elemento; A regra é: "Padding-" Onde pode ser: top, left, right ou bottom; Assim teremos valores customizados em cada um dos lados do elemento.

Exemplo: padding-top: 10px;

Shorthand Properties: As propriedades de shorthand nos permitem adicionar padding a todas as direções com uma única regra. Apenas precisamos utilizar a regra padding, e configurar top, right, bottom e left nesta ordem. 

Exemplo: padding: 10px 5px 12px 20px;

Esta regra de shorthand pode ser aplicada em outras propriedades, como a margin;