Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa Noite pessoal.
Já tentei alinhar uma imagem e um texto na vertical de inumeras formas, mas sem excito.
como faço?
ja coloquei:
display: table-cell;
vertical-align: middle;
height: 100px;
line-height: 100px;Obrigado L. Henrique, compreendi sim e deu certo.
Para a imagem: JSFiddle.
Para o texto: JSFiddle.
Bem, nesses dois casos o CSS é auto-explicativo, foi por isso que dispensei comentários, mas vou deixar uma breve observação quanto ao texto.
No caso dele, é necessário que no elemento pai (.wrapper), o seu line-height tenha o mesmo valor de seu height, e dentro do elemento <p>, essa line-height deve ser anulada com um valor normal.
Caso não entenda o que foi feito dentro das demos, peça uma explicação nesse mesmo post e eu retornarei. No momento estou sem muito tempo, mas talvez no período da tarde eu consiga dar uma atenção.