将列表项对齐到同一行

Question

使用此布局：http://jsfiddle.net/spadez/JBuE6/6/

在右上角，我希望绿色按钮与右侧的H1标签位于同一行，并且每个新的列表项都位于下一侧。

我认为这可能与某些事情有关：

display:block

我无法让这个工作，我不知道这是否是正确的方法。

Answer 1

如果您希望右对齐项目与左对齐项目的高度相同，则需要将其放在左对齐项目之前。这应该照顾它。

Answer 2

在H1之前移动UL，你应该保持良好状态，例如

<ul>
    <li><a href="#">Create New</a></li>
    <li><a href="#">Create New2</a></li>
    <li><a href="#">Create New3</a></li>
 </ul>
 <h1>Title</h1>

实施例： http://jsfiddle.net/52raq/3