内側のdiv置くスパン次のp要素へ

Question

は、ここで私が欲しい

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

は私<p>タグの横ではなく、その下の画像を表示することです私のコードです。誰でもこの問題を解決するのを助けてください。

Answer 1

デフォルトで「ブロック」となっているpタグを「インラインブロック」要素にすると、その後に他の要素が流れるようになります。これは、外部スタイルシートでこれらのルールを追加するのが最善ですが、説明のために：

inlineから pタグの表示を設定し

<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 { 
 
    display: inline; 
 
}

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