左侧的文字和右侧的按钮在一行中

Question

请帮帮我吧 我希望单行上的文本和按钮，但左侧的文本和右侧的按钮..

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

小提琴链接 - http://jsfiddle.net/vqat5kuu/1/

我在这里做错了什么？

Answer 1

好的，试着给h2：

margin:0;

有时元素会从父母那里得到保证金。 我检查了它，它有效

Answer 2

不要使用h2，因为它是作为块元素呈现的，请使用

span

代替文本。