Guida base al CSS

Il padding serve a creare uno spazio intorno intorno al contenuto di un elemento.
Si può impostare il padding per ogni lato dell'elemento:ide of an element:

padding-top
padding-right
padding-bottom
padding-left

Al padding si possono assegnare questi valori:

length - lunghezza in px, pt, cm, etc.
% - percentuale della grandezza dell'elemento che lo contiene

Nota: valori negativi non sono consentiti
Esempio

div {
    padding-top: 50px;
    padding-right: 30px;
    padding-bottom: 50px;
    padding-left: 80px;
}

Quello che otteniamo è questo: