我试图想出一个简单的 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>
而且我已经在导航栏上进行了一些样式设置,但是我希望能够保持标题中的两个链接右对齐并且徽标图像左对齐。当我尝试在标题中编辑这些链接时,一切都变得一团糟,因为我对如何区分导航列表项和标题列表项感到困惑。有人可以帮我定位标题吗?