Problem beim Ausrichten von Bild und Link in div

Question

Ich habe ein div mit und <a> drin.
Aber ich habe Probleme, sie vertikal in der Mitte auszurichten. Ich habe versucht, Floats, absolute Positionierung und andere Sachen zu verwenden, aber nichts hat Wirkung.

<div id="hoverDiv"> 
       <img alt="" width="32px" height="32px" src="http://www.fordesigner.com/imguploads/Image/cjbc/zcool/png20080526/1211776868.png" /> 
       <a href="#">TestAccount </a> 
       <div class="showme"> 
        <ul id="menuAccountItemList"> 
         <li>... 
        </ul> 
       </div> 
      </div> 

Answer 1

img { 
    vertical-align:middle; 
}​ 

Hier ist eine jsFiddle example (Grenze Ausrichtung zeigen hinzugefügt).