Html 将文本和图像垂直集中在<；a>；要素

我的简单HTML：

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

小提琴手：

大家好

我在这个问题上遇到了麻烦。我认为这很简单，但对我来说，我没有找到解决这个问题的办法

---

Tks for all.

听起来您希望

a

标记中的文本垂直居中于图像旁边。添加这一点CSS将解决问题（正如Smeegs指出的，此CSS将用于

a

块中的所有

img

标记：

a img {
    vertical-align: middle;
}

---

JSFIDLE：

你的意思是这样的吗？我本来打算把它作为我的答案发布，但你抢先告诉了我。虽然我建议使用

img

而不仅仅是

img

作为css选择器。@SMEEG这是一个很好的选择。尽管这对小提琴来说不是必需的，但它可能会导致他的css的其他部分出现问题

a img {
    vertical-align: middle;
}