将文本与图像对齐

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应位于图片上，而不是容器上。