CSS垂直对齐文本到图像的中间

Question

可能重复:
如何使用CSS垂直对齐图像旁边的文本？

我很难vertically middle在div中居跨度.

这个简单的代码:http://jsfiddle.net/4hDTb/

HTML:

<div class="bar">
    <span>Simple text</span>
    <img src="" class="img1" />
    <span>Another text</span>
    <img src="" class="img2" />
</div>?

CSS:

.bar
{
    width: 100%;
    height: 50px;
    border: 1px black solid;
}
.img1
{
    width: 100px;
    height: 50px;
    border: 1px black solid;
}

.img2
{
    width: 200px;
    height: 50px;
    border: 1px black solid;

}

如何<span>s在div.bar垂直中间居中？

​

Answer 1

只需添加img{vertical-align:middle}.它是您想要对齐的图像,而不是文本.