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.
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