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

我正在使用bootstrap，希望在节的标题中有一个链接（按钮）来编辑它（比如wikipedia[edit]节链接）

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

细节

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

试试这个：

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

细节

对齐问题是因为我将

向右拉

类（浮动）直接添加到按钮，而不是必须浮动包装器

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

按钮正确对齐，因为它不再浮动。

---

同样的结果。也许我必须在h3 a.btn上加一些特别的边距。有机会做小提琴吗？我可以，但不知道怎么做。。。主要的问题是，我要求的是一种更正确的方法，而不是修复视觉效果。我想你可以试着看看，以实现这一点

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

.actions {
    float: right;
}