CSS allineamento verticale del testo al centro dell'immagine

Question

Eventuali duplicati:
How do I vertically align text next to an image with CSS?

Ho qualche difficoltà al centro si estende vertically middle a div.

Questo semplice codice: 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; 

} 

Come centrare <span>s in div.bar mezzo in verticale?

Answer 1

basta aggiungere img{vertical-align:middle}. è l'immagine che vorresti allineare, non il testo.

Answer 2

se si conosce l'altezza del contenitore - è possibile utilizzare line-heighthttp://jsfiddle.net/4hDTb/3/ controllo il violino ..