Pessoal, estou com o seguinte código - uma classe que define uma imagem de fundo. No html é uma lista (li)
.cabecalho__menu--lista--logo{
background-image: url("../img/logo.png");
background-repeat: no-repeat;
box-sizing: border-box;
background-position: center;
}
A imagem não aparece. Porem, quando eu coloco: padding-top: 100px Ela aparece.
Qual a sacada por trás desse padding-top, porque ele é necessário? E porque não precisei de um padding-left igualmente ao top?