内部div放置跨越p元素的跨度

Question

这是我的代码

     <div>
        <p>hello nirmesh</p>
        <span> <img src="x.png"/></span>
     </div>

我想在我的<p>标记旁边显示图片，而不是在其下方。请有人帮我解决这个问题

Answer 1

制作p标签，默认为＆＃34;阻止＆＃34; ＆＃34;内联块＆＃34;元素，会让其他元素在它之后流动。最好在外部样式表中添加这些规则，但为了说明：

<div>
  <p style="inline-block; margin-right: 5px;>hello nirmesh</p>
  <span><img src="x.png"/></span>
</div>

Answer 2

<div>
  <p style="display:inline-block;>hello nirmesh</p>
  <span> <img src="x.png"/></span>
</div>

Answer 3

将p标记的显示设置为inline。

p {
  display: inline;
}

<div>
  <p>hello nirmesh</p>
  <img src="x.png"/>
</div>