<img/>和<p>与文本相同的行，</p> <p>相同的高度

Question

我正在努力实现以下目标：

--------------------------------------------------
|         | Text: Hello, World! I am a paragraph |
|  Image  | with the same line and height of the |
|         | image                                |
--------------------------------------------------

我试图给标签添加样式＆＃34; inline-block＆＃34;但这没有做任何事情：

<div>
    <img src="image.png" alt="image" style="inline-block">
    <p>Hello, World! I am a paragraph with the same line and height of the image</p>
</div>

修改： display:flex;完成了这项工作，但我想补充一点，我还在align-self:center;上使用了<img>，以便图片获胜＆＃39 ;拉伸

Answer 1

sector_id

试试这个。