html - 如何将链接添加到与引导程序内联的标题元素？

Question

我正在使用引导程序，并希望在部分的标题中有一个链接（按钮）来编辑它（如维基百科 [编辑] 部分链接）。

这就是我所拥有的，但它的对齐不好（按钮在文本下方）：

<h3>
  <span>Details</span>
  <span>
    <a class="btn pull-right" href="/edit">Edit</a>
  </span>
</h3>

有更好的方法来处理这个吗？（我几乎可以肯定我错过了路径）

Answer 1

对齐问题是因为我将pull-right类（浮动）直接添加到按钮，而不是我必须浮动包装器。

<h3>
    Details
    <span class="actions">
        <a class="btn" href="/edit">Edit</a>
    </span>
</h3>

然后，我需要添加：

.actions {
    float: right;
}

并且按钮正确对齐，因为它不再浮动。 这是工作小提琴。

Answer 2

试试这个：

<h3>
  <span>
    <a class="btn pull-right" href="/edit">Edit</a>
  </span>
  <span>Details</span>
</h3>