Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Fala povo,
Estou com uma dúvida. Tenho um menu (básico, ul > li), onde dentro de cada LI, tem um span e uma imagem. O tamanho do span pode variar em altura, assim como a imagem. Porém, preciso centralizá-las verticalmente.
Consegui centralizar a imagem, mas não o texto. Como posso fazer isso?
OBS: Não posso utilizar line-height. O tamanho do texto pode variar em até 3 linhas, como mostra o exemplo abaixo.
Código / Funcionamento ao vivo
Caramba! Perfeito!
Acho que de tantas tentativas que fiz, esqueci de pensar no molde tabela. Eu tentava só com o vertical align em um e outro, mas não juntos, haha!
Muitíssimo obrigado, @rikaschmitt!
Tenta assim:
- No "nav ul li a span" tira o float e acrescenta:
Dai também acrescenta um:img { vertical-align: middle; }