将文本与图像对齐

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应该在图像上，而不是容器上。