HTML結束一行文字

Question

後我有一個請求在它的元素一個div被內聯：

<div style={{display:'inline-block'}}> 

在這，我有一些文本和一個按鈕。

我想按鈕出現在下一行，而不是在一個地方的文本。

繼從這裏Empty paragraph tags - should I allow in HTML editor or not?的建議，我試圖把一個空行的文字像這樣經過：

<div> 
    <p className="msgSuccess">The list was saved successfully!</p> 
    <p className="pNotEmpty"></p> 
</div> 

相應的CSS（對於這應該是一個空行的段落）是：

.pNotEmpty { margin: 20px } 

然而，這並沒有影響。

我怎樣才能把它們放在不同的行？

該按鈕的代碼是：

<button type="button" style={{display:'inline-block'}} className="btn btn-danger" data-dismiss="modal" onClick={this.closeModal}>Close</button> 

Answer 1

你可以嘗試使按鈕浮動。 然後，您可以輕鬆製作保證金。 你也可以嘗試定義DIV爲表和文字和按鈕錶行

.div-table{ 
    display:table;   

} 
.div-table-row{ 
    display:table-row; 

} 

你需要的，如果你設置的div的最大寬度是對CSS添加到按鈕