html - 将 html 元素保持在同一行

Question

请原谅这个基本问题，但我找不到合适的答案。我在 View 中有这段代码:

<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; 添加到您的元素中。 这是一种在流动时将元素显示为 block 的方法。 默认情况下，您的按钮已经是内联的，所以您只需要内联显示您的 h4 :

h4{
    display: inline-block;
}