Não entendi muito bem sobre a função do código vertical-align. Qual seria a utilidade e como funciona? Sobre o comportamento inline e block, gostaria de saber a diferença mais clara entre um e outro e como é útil os dois juntos.
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Não entendi muito bem sobre a função do código vertical-align. Qual seria a utilidade e como funciona? Sobre o comportamento inline e block, gostaria de saber a diferença mais clara entre um e outro e como é útil os dois juntos.
Olá, Victor.
Tudo bem?
O vertical-align: top; alinha verticalmente os elementos que estiverem um do lado do outro pela parte mais alta no caso utilizando o top se quiser que eles se alinhem pela parte mais baixa utiliza o bottom, no caso vertical-align: bottom;.
Faz o teste ai e muda o top por bottom ai você vai ter mais noção do funcionamento.
Espero ter ajudado.
Qualquer dúvida manda aqui de novo!
Alguns elementos do HTML já vem definidos como inline e block. No caso do inline ele ocupa um espaço necessário para ser exibido e ele não permite redimensionar, ou seja, não pode acrescentar o Width e nem Height, pode acrescentar outro elemento ao seu lado. Já o block permite redimensionar o elemento, no entanto não é possível colocar elementos ao seu lado. Assim utiliza o inline-block que automaticamente coloca os elementos ao lado do outro e pode redimensionar.
Obs: O display inline-block conta todo o tipo de espaçamento inclusive o das tags HTML
Não sei se conseguir explicar direito mais é isso : )
Obrigado, galera!!!! :) deu certo