Html 垂直对齐文本和图像

我知道这是重复的，但很抱歉，因为其他帖子给出的解决方案似乎对我不起作用，或者我没有正确地得到它们

我需要垂直对齐文本和图像的中间。尝试CSS属性垂直对齐：中间，但似乎不起作用。我的代码如下所示

<div class="picacollinvitecoll">
    <span>Other Collaborators:</span>
    <img width="20px" height="20px" src="https://m.ak.fbcdn.net/profile.ak/hprofile-ak-ash4/187580_670310756_917182522_q.jpg" title="Kapil Sharma" />
    <img width="20px" height="20px" src="https://m.ak.fbcdn.net/profile.ak/hprofile-ak-ash4/187580_670310756_917182522_q.jpg" title="Kapil Sharma" />
    <img width="20px" height="20px" src="https://m.ak.fbcdn.net/profile.ak/hprofile-ak-ash4/187580_670310756_917182522_q.jpg" title="Kapil Sharma" />
</div>​

---

我得到的输出如图所示，在底部对齐。是否有人可以更新JSFIDLE使其在“中间”对齐。

您正在寻找CSS

垂直对齐：中间

---

您正在寻找CSS

垂直对齐：中间

---

在css中尝试以下代码：

.picacollinvitecoll img{
    margin-top:-3px;
    vertical-align:middle; 
    padding-top:2px;
}​

---

在css中尝试以下代码：

.picacollinvitecoll img{
    margin-top:-3px;
    vertical-align:middle; 
    padding-top:2px;
}​

---

这里有另一种方法。使用图像的align属性，这里是更新的fiddle

---

这里有另一种方法。使用图像的align属性，这里是更新的fiddle

---

您需要添加

垂直对齐：中间到两个选择器（如果我理解正确）

您需要添加
垂直对齐：中间到两个选择器（如果我理解正确）

对父div使用
display:table

检查此处的演示
使用父div的
display:table

检查这里的演示
检查这篇文章[vertical align img]，[1]：@Kapil Sharma你想让图像相对于文本对齐还是让整批图像相对于容器对齐？是的，我想让它们相对对齐。得到答案。感谢大家及时提供帮助（+1）。查看此帖子[vertical align img]，[1]：@Kapil Sharma您希望图像与文本对齐还是整个批次与容器对齐？是的，我希望它们相对对齐。获得了ans。感谢大家的及时帮助（+1）。
的align属性在HTML5中不仅贬值，而且实际上已经过时。
的align属性在HTML5中不仅贬值，而且实际上已经过时。