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

可能重复：

我很难在div中将跨度

垂直居中

这个简单的代码：

HTML:

如何将
s
垂直居中放置在
div.bar
中

​
 只需添加
img{vertical align:middle}
。这是您要对齐的图像，而不是文本。
如果您知道容器的高度，您可以使用
行高
检查小提琴

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

.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;

}