текста слева и кнопка справа в одной строке

Question

Пожалуйста, помогите мне с этим .. Я хочу текст и кнопки на одной линии, но текст на левой стороне и кнопки на правой стороне ..

<div style="display: inline-block;"> 
    <h2>Welcome ${faculty.getFirstName()}</h2> 
</div> 
<div style="display: inline-block;float: right"> 
    <button>Log Out</button> 
</div> 

Fiddle link - http://jsfiddle.net/vqat5kuu/1/

Что я здесь делаю неправильно?

Answer 1

ОК, попробуйте дать h2 :.

margin:0; 

Временами elemnts получают маржу от родителей или что-то в этом роде. Я его проверил, это сработало

Answer 2

Не используйте h2, потому что он отображается как элемент блока, вместо этого используйте

span

.