css - 如何更改这些链接在 div 标题中的位置

Question

我试图想出一个简单的 css 布局，应该如下所示:

这是我的标题和导航栏的 html 代码:

<div id="header">
<h1>LOGO</h1>
<ul>
<li><a href= ""> Home </a></li>
<li><a href= ""> Logout </a></li>
</ul>
</div>

<div id="navigation">
<ul>
    <li><a href="">Home</a></li> 
    <li><a href="">Help</a>
    <li><a href="">Contact Us</a>
    <li><a href="">Customers</a> 

</div>

我已经在导航栏上做了一些样式设置，但是我希望能够使标题中的两个链接右对齐， Logo 图像左对齐。 当我尝试编辑标题中的这些链接时，一切都变得一团糟，因为我对如何区分导航列表项和标题列表项感到困惑。 有人可以帮我定位标题吗？

Answer 1

#header ul { float: left; }

或

#header ul { position: absolute; right: 0; }