在div中对齐图像和链接的问题

Question

我有一个包含<img>和<a>的div 但我有问题将它们垂直对齐中间。我曾试图使用花车，绝对定位和其他东西，但没有任何效果。

<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;
}​

这是一个 jsFiddle example （添加边框以显示对齐方式）。