Css 无法理解为什么导航栏为'；行不通

}

}

我不明白它为什么不起作用。当我尝试关闭列表（条）后的

div

标题标记时，它会出现在徽标图像上方。现在是这样的：

---

编辑：如何为这条直线指定样式？我尝试了任何东西，但我不能，因为事实上，与DIV一起，它被纳入了本周的整个动画中-

试试这个，然后根据需要安排填充物：-

#navigation{
list-style: none;
display: inline-block;
margin-left: 10px;
font-size: 17px;
font-family: monospace;
float: right;
position: relative;

#navcontainer ul
{
保证金：0；
填充：0；
列表样式类型：无；
}
#navcontainer ul li{display:inline；}
#Navul li a
{
文字装饰：无；
填料：2米1米；
}

进行必要的更改以复制下面的CSS代码块：

#navcontainer ul
{
 margin: 0;
 padding: 0;
 list-style-type: none;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
 text-decoration: none;
 padding: .2em 1em;
}



<div id="navcontainer">
<ul>
<li><a href="#">Milk</a></li>
<li><a href="#">Eggs</a></li>
<li><a href="#">Cheese</a></li>
<li><a href="#">Vegetables</a></li>
<li><a href="#">Fruit</a></li>
</ul>
</div>

---

重要提示：如果徽标和导航都在一个容器内，请在徽标宽度后找出容器的剩余部分，并将其用作导航的一部分

现在是这样的，有一个空白：top/right，你到底想把这个菜单放在哪里？现在它被放在容器2中（标题后面的背景图像），我一定不明白你的问题。尝试做一些调整。现在我关闭了列表后标题的标记，它位于正确的位置。非常感谢。如何使用合适的字体？为什么我不能添加底部图像？它甚至没有显示他们你能告诉我你的skype以便添加你吗？会容易些，谢谢

#navigation{
list-style: none;
display: inline-block;
margin-left: 10px;
font-size: 17px;
font-family: monospace;
float: right;
position: relative;

#navcontainer ul
{
 margin: 0;
 padding: 0;
 list-style-type: none;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
 text-decoration: none;
 padding: .2em 1em;
}



<div id="navcontainer">
<ul>
<li><a href="#">Milk</a></li>
<li><a href="#">Eggs</a></li>
<li><a href="#">Cheese</a></li>
<li><a href="#">Vegetables</a></li>
<li><a href="#">Fruit</a></li>
</ul>
</div>

  #nav {
       margin-top: none;
       width: 500px; /* Define a width for the parent cont*/
    }

  #navigation {
      width: 100%; /* Adjsut as needed */
    }


 #navigation li {
   display: inline-block; 
   list-style: none;
   padding: 15px;
   }