将文本与图像对齐[重复]

Question

可能重复：
How do I vertically align text next to an image with CSS?

我在对齐文本和图像时遇到问题。

文字和图片很像

texts  ---------
      | image   |
       _________ 

我希望文本位于 div 的中间，而不是与顶部对齐。

我有：

<div id='test'> tests <img src='/images/logo.png'/> </div>

我使用了以下 css 但仍然没有运气

#test{
    margin-left: 10px;
    vertical-align: middle;
}

如何将文本与图像居中对齐。非常感谢！

Answer 1

vertical-align:middle 应该在图像上，而不是容器上。