Entrar Ainda não tem acesso?
1
resposta

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

Referente ao curso HTML5 e CSS3 parte 2: posicionamento, listas e navegação, no capítulo A tag section e atividade Reforçando o inline-block

por Lucas Gabriel Costa Cattani
| 43.4k xp | 18 posts

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
por Gustavo Osório Bernardo Thompson Flores
| 147.6k xp | 16 posts
Desenvolvedor Front-end

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