css - 如何将 P 元素内的文本放在图像旁边？

Question

这是我的代码:

<img id="mepic" src="images/example.jpg"  width="70px" height"60px">
<p>This is some example text that i want next to the image on the right hand side</p>

此时，文字位于图片下方。如何将文字放在图片旁边？

Answer 1

没有 CSS 和 JavaScript，纯 HTML

<p><img src="image.png" alt="image"/>&nbsp;Text beside image</p>

地点<img>在 <p> 里面可以把图片放在文字周围。阅读more here .

注:<img>标签有 display: inline默认和  基本是一个不间断的空间，阅读more here .

<p>This is some text.&nbsp;
    <img src="http://placehold.it/60x60" alt="Smiley face">&nbsp;This is some text.</p><br/>
<p>
    <img src="http://placehold.it/60x60" alt="Smiley face" align="middle">&nbsp;This text is next to the image</p>