Realizando alguns testes com a propriedade padding percebi que ela "acrescenta" tamanho ao elemento onde ela é utilizada. Por se tratar de uma questão interna ao elemento ela não deveria unicamente "comprimir" o conteudo do elemento? Não consegui compreender esse comportamento. Esse tipo de comportamento não caberia ao width e height?
Utilizando como exemplo a alteração na div principal, onde é adicionado um padding de 30px, isso não deveria unicamente "forçar" o conteudo "para dentro"?