将文本和图像垂直集中在<a> element</a>内

Question

我的简单HTML：

<a>
    <span>My Text</span>
    <img src="" width="50" height="50" />
</a>

我的CSS：

a {
    padding: 6px;
}

Fiddler：http://jsfiddle.net/sa3LT/

大家好！

我遇到了这个问题的麻烦。我认为这很简单，但对我来说，我找不到解决这个问题的方法。

Tks for all。

Answer 1

听起来您希望a标记中的文字垂直居中于图像旁边。添加这一点CSS将解决问题（正如Smeegs所指出的，这个CSS将用于img块内的所有a标记：

a img {
    vertical-align: middle;
}

JSFiddle ：http://jsfiddle.net/sa3LT/1/