如何将img与文本内联

Question

我有这个代码:

<div class = "content-dir-item">
    <p>Text input</p>
    <img src="./images/email.png" class = "mail" alt="img-mail" />
</div>

我会使用css将img内联到文本中.我怎样才能做到这一点？

Answer 1

图像display: inline默认有.
您可能希望将图像放在段落中.
<p><img /></p>

Answer 2

这应该以内联方式显示图像:

.content-dir-item img.mail {
    display: inline-block;
    *display: inline; /* for older IE */
    *zoom: 1; /* for older IE */
}

Answer 3

请使用以下代码以内联方式显示图像:

<img style='vertical-align:middle;' src='somefolder/icon.gif'>
<div style='vertical-align:middle; display:inline;'>
Your text here
</div>