html - 将文本与图像对齐

Question

可能重复：
如何使用 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应该在图像上，而不是容器上。