Olá, usei vertical-align top na imagem e deu o mesmo resultado que usar na ul, porque deste comportamento e como essa propriedade pegar as referencias para alinhamento? ao usar a propriedade na imagem, porque a lista também subiu seu conteúdo?
Solucionado
Olá, usei vertical-align top na imagem e deu o mesmo resultado que usar na ul, porque deste comportamento e como essa propriedade pegar as referencias para alinhamento? ao usar a propriedade na imagem, porque a lista também subiu seu conteúdo?
Olá Rafael, tudo bem com você?
Realmente ao adicionar vertical-align: top na imagem ira também jogar o conteúdo para cima, isso acontece porque a propriedade vertical-align não afeta somente seu elemento, como também, os seus descendentes, que contém o comportamento inline, no nosso caso, a ul que contém display: inline-block
Ou seja, quando você adicionou na imagem, o comportamento padrão é observar os seus elementos que estão próximos ( no caso a lista de itens) e alinhar também ao topo, entretanto, no nosso caso faz mais sentido que essa propriedade seja aplicada na UL, pois é onde realmente queremos alterar, ao adicionar na imagem, por mais que funcione, não faz muito sentido ao ler nosso CSS, ok?
Abraços e Bons Estudos!