Html 我怎样才能使导航栏居中？

欢迎来到第一页-主页








关于
维韦拉·哈克·托伦特·尤里西斯·莱克图斯·泰姆。波苏尔·阿利奎特·阿迪皮斯是一名著名的地鼠。Nam magna ultricies per velit velit scelerisque proin netus，natoque。Magnis suscipit porttitor vel。珊瑚虫是一种天然的网状元素。在ridiculus，一个弓形体，一个弓形体，另一个弓形体，一个弓形体。静脉曲张，鼻侧前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭。Feugia litora et.Faucibus turpis justo lacus commodo Socialisqu euismod pharetra ullamcorper malesuada Sollicitud in natoque Vehicle tristique curabitur neque morbi，在nam gravida Feugia nunc sit convallis。
南。这是一种很好的调味品。亨德雷特·苏西皮特·帕特·法姆斯，阿库汽车公司。佩伦茨克的朗卡斯自由女神瓦里乌斯是著名的。我是一位伟大的学者，他是一位封建统治者。蒙特斯。社会性处女膜类疾病或同侧畸形。

您可以执行以下操作：

CSS

body {
  margin: 0px;
  padding: 0px;
  background-color: #9c9f84;
  font-family: verdana, gerorgia, serif;
  font-size: 18px;
}

.container {}

ul {
  margin: 0px;
  padding: 0px;
  display: block;
  text-align: center;
}

ul li {
  position: relative;
  display: inline-block;
  background-color: black;
  border: 1px solid white;
  width: 120px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  list-style: none;
}

ul li a {
  color: white;
  text-decoration: none;
  display: block;
}

ul li a:hover {
  background-color: red;
}

ul li ul {
  position: relative;
  display: none;
}

ul li:hover ul {
  position: absolute;
  display: block;
  z-index: 99;
  top: 100%;
  left: 0;
}

#header {
  background-color: #5c755e;
  margin: 10px;
  height: 90px;
  border-radius: 5px;
}

#navbar {
  background-color: #5c755e;
  margin: 10px;
  height: 35px;
  border-radius: 5px;
}

.main {
  background-color: #e5e4d7;
  margin: 10px;
  border-radius: 5px;
  padding: 20px;
  font-size: 110%;
}

h1 {
  font-size: 110%;
  color: purple;
}

---

您的html代码完全错误。有一些标记没有关闭字符

您有关闭标记，但没有打开

标记。。。为导航栏（

.navbar-con

）和导航栏（

.navbar

）的父容器添加了类。为两个类添加了css。