格內放置跨度旁邊p元素

Question

這裏是我的代碼

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

我要的是旁邊展示我的<p>標籤，而不是它下面的圖像。請任何人幫我解決這個問題

Answer 1

使默認爲「阻塞」「內聯塊」元素的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標籤的顯示，以inline。

p { 
 
    display: inline; 
 
}

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