1
resposta

Uso desnecessário do vertical-align: top;?

O instrutor na aula diz sobre usar o vertical-align: top; para deixar na mesma linha, por conta do width: 30%;, mas 30% não é um terço, um terço seria 33,33%, mas colocando isso no VS, ele desce uma das listas, mas colocando 33% exatos, ele deixar tudo centralizado, queria saber, deixando em 33% o uso do vertical-align: top; se torna desnecessário?

sem o vertical-align:top; usando 33%

sem o vertical-align:top; usando 33%

Com vertical-align:top; usando 30%

Com vertical-align:top; usando 30%

Como da pra ver, deixar em 33% sem o vertical-align:top; faz com que fique igual a 30% com o vertical-align:top;.

1 resposta

Opa Lucas, tudo certo?

A propriedade vertical-align ajusta o alinhamento de elementos inline no eixo vertical. Já a propriedade width muda a largura do elemento. Mesmo que você defina a largura em 33%, o alinhamento vertical pode não ser o desejado. Para garantir que o elemento fique alinhado ao topo, você precisa usar vertical-align: top;.

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