alinhar texto e imagem vertical

[johnhey 0]

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;

[L. Henrique 179]

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.

[johnhey 0]

Obrigado L. Henrique, compreendi sim e deu certo.