css - 在 p 元素旁边放置 span 的内部 div

Question

这是我的代码

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

我想要的是在我的 <p> 旁边显示图像标记而不是在它下面。请任何人帮我解决这个问题

Answer 1

使 p 标记默认“阻止”一个“inline-block”元素，将让其他元素跟随它。最好在外部样式表中添加这些规则，但为了说明:

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