使用浮点数对齐 h2 及其旁边的链接不起作用

Question

我正在尝试将标题和链接彼此相邻对齐，但不知何故失败了。这是代码：

<h2>whatever</h2>
<a href="">link</a>

我尝试在它们两个上使用float: left，但失败了。有没有其他方法可以做到这一点？

Answer 1

默认情况下，h2 block作为其display值。将其更改为inline就可以了。

http://codepen.io/anon/pen/vJbmC

h2 {
  display: inline;
}

Answer 2

Float 有效。但h2默认应用 margin.
试试这个：

h2
{
    float: left;
    margin: 0;
}

http://jsfiddle.net/48zhF/

Answer 3

尝试display: inline-block;

h2 { 
    display: inline-block;
}

编辑：JsFiddle