H1 在左边，“按钮”在右边，垂直对齐

我试图在一行上显示：

• 与包含框左侧对齐的 H1 元素
• 几个“按钮”（此处为 A 元素）与包含框的右侧对齐
• 都在同一基线上

是否可以用最少的标记（即没有换行元素）来做到这一点，而不必设置精确的高度、行高、边距顶部等。

<div id="block1">
    <h1>What a great title</h1>
    <a href="javascript:void(0)">This link can kill you</a>
    <a href="javascript:void(0)">Click if you dare</a>
</div>

这里的小提琴显示了我认为是两个不兼容的方向（内联块，你不能向右对齐与向右浮动，你不能垂直对齐）：http://jsfiddle.net/GlauberRocha/bUsvX/ http://jsfiddle.net/GlauberRocha/bUsvX/

任何想法？

I did this to my site a quite ago: a h2 on the left, and a button on the right. Screen shot:

Code:

<div id="side_bar" class="clearfix">
  <h2 style="float: left;">Charity Map</h2>
  <button class="btn btn-primary" style="float: right; position: relative; top: 10px; right: 10px;">Submit</button>
</div>