CSS Alineación vertical de texto al centro de la imagen

Question

Duplicar posible:
How do I vertically align text next to an image with CSS?

tengo dificultades al centro abarca vertically middle en div.

Este código simple: http://jsfiddle.net/4hDTb/

HTML:

<div class="bar"> 
    <span>Simple text</span> 
    <img src="" class="img1" /> 
    <span>Another text</span> 
    <img src="" class="img2" /> 
</div>​ 

CSS:

.bar 
{ 
    width: 100%; 
    height: 50px; 
    border: 1px black solid; 
} 
.img1 
{ 
    width: 100px; 
    height: 50px; 
    border: 1px black solid; 
} 

.img2 
{ 
    width: 200px; 
    height: 50px; 
    border: 1px black solid; 

} 

Como centro de <span>s en div.bar media verticalmente?

Answer 1

sólo tiene que añadir img{vertical-align:middle}. es la imagen que te gustaría alinear, no el texto.

Answer 2

si conoce la altura del contenedor - se puede utilizar line-heighthttp://jsfiddle.net/4hDTb/3/ cheque el violín ..