сохранить элементы 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; 
}