对齐文本与图像

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