將html元素保留在同一行

Question

原諒這個基本問題，但我找不到合適的答案。我有一個視圖中的代碼：

<div> 
    <h4> Irrelevant MVC code... </h4> 
     <button type="button" class="btn btn-success">Accept</button> 
     <button type="button" class="btn btn-warning">Deny</button> 
</div> 

我希望2個按鈕出現在標題旁邊，而不是下面。我該怎麼做？

Answer 1

只需將css屬性display: inline-block;添加到你的元素。 這是一種在流動元素時將元素顯示爲塊的方法。 默認情況下，你的按鈕已經內嵌，所以你只需要顯示您的h4在線：

h4{ 
    display: inline-block; 
} 

Answer 2

試試這個： -

因爲它是一個block element，讓您的按鈕下來。

h4{ 
    display:inline-block; 
}