将文本与图像对齐[重复]

Posted 2023-03-05

【中文标题】将文本与图像对齐[重复]

【英文标题】：Align text with an image [duplicate]

【发布时间】：2012-10-07 04:07:01

【问题描述】：

可能重复：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;

如何将文本与图像居中对齐。非常感谢！

【问题讨论】：

在图片上放置vertical-align:middle

【参考方案1】：

vertical-align:middle 应该在图像上，而不是容器上。