Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Vertical-align na imagem

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?

1 resposta
solução!

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!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software