html - 垂直对齐文字和图像

我知道这是重复的，但很抱歉，在其他职位上给出的解决方案似乎不适合我或我没有得到正确的。
我需要将文本和图像垂直对齐到中间。尝试过的CSS属性vertical align:middle但似乎不起作用。我的代码在JSFiddle处给出，如下所示

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

CSS属性是

.picacollinvitecoll span{
    margin:0;
}
.picacollinvitecoll img{
    margin-top: 3px;
}​

我得到的输出如JSFiddle所示，它在底部对齐。有人可以更新JSFiddle使它在“中间”对齐吗。

最佳答案

您正在查找CSSvertical-align:middle
See here