Html 将列表项对齐到同一行

Html 将列表项对齐到同一行,html,css,Html,Css,使用此布局: 在右上角,我希望绿色按钮与右侧的H1标记位于同一行,这样每个新列表项都位于下一次的旁边 我认为这可能与: display:block 我还没能做到这一点,我不知道这是否是正确的方法。如果你想让右对齐的项目与左对齐的项目具有相同的高度,你需要将其放在左对齐的项目之前。这应该会解决问题。将UL移动到H1之前,您应该处于良好状态,例如 <ul> <li><a href="#">Create New</a></li>

使用此布局:

在右上角,我希望绿色按钮与右侧的H1标记位于同一行,这样每个新列表项都位于下一次的旁边

我认为这可能与:

display:block

我还没能做到这一点,我不知道这是否是正确的方法。

如果你想让右对齐的项目与左对齐的项目具有相同的高度,你需要将其放在左对齐的项目之前。这应该会解决问题。

将UL移动到H1之前,您应该处于良好状态,例如

<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>
标题
例如: