對齊文本與圖像

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應該在圖像上，而不是容器上。