Html 对中a<；ul>；使用CSS

我在页面顶部有一些导航链接，但我无法将它们放在屏幕中央。有人能指出我在CSS中的错误吗

图片：

以下是CSS：

#nav {
list-style-type:none;
text-align:center
}

ul li {
display:inline-block;
border-radius:10px;
background:#EEE;
margin:5px;
}

li a {
float:left;
padding:30px;
text-decoration:none;
color:black;
text-shadow: 1px 1px #DDD;
border-radius:10px;
box-shadow:3px 3px black;
}

li a:hover {
background:#CCC;
color:#333;
}

li a:active {
background:#555;
color:white;
text-shadow: 1px 1px #000;
}

---

谢谢

尝试将这些

-标签包装成

这样，您可以一次将所有

-标记居中

---

如果图片中的“1,2,3,4,5”是ul元素，而#nav是周围div的id，则只需添加

左边距：auto；右边距：在样式表中自动

到#nav。

您好，实际上我已经更新了您的css，现在我希望这项工作将为您提供：-

CSS

#nav {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
     box-sizing: border-box;
    background: none repeat scroll 0 0 #B8B8B8;
    height: 400px;
    list-style-type: none;
    margin: auto;
    padding: 40px 0;
    width: 400px;
}

ul li {
display:inline;

}

li a {
text-decoration:none;
color:black;
text-shadow: 1px 1px #DDD;
border-radius:10px;
background:#EEE;
margin:5px;
padding:30px;
box-shadow:3px 3px black;
}

li a:hover {
background:#CCC;
color:#333;
}

li a:active {
background:#555;
color:white;
text-shadow: 1px 1px #000;
}

---

下面是一个如何使UL居中的快速演示：

一个
两个
三
四
五

.包裹{
文本对齐：居中；
背景：#999；
填充：100px0；
}
保险商实验室{
宽度：500px；
保证金：0自动；
}
ulli{
显示：内联块；
填充：10px；
背景：#ccc；
}

我已经试过了，但是列表项的左边还有一个空白。我认为问题也不在我的html中：

• qefniqpefin pqienf ipqnef pinqefn3qp34htq08 24987tyqt y9q74yt9-2qyt48 wrahug 98arwg08y24 TU08=ywg wrg8 2 H424tohug wgihwE[IFU Q EFOi Qogh Oigh Wough Wuh9Hyghhua9P9P9YH9H9H9H9H9H9H9H9H9H9H9H9H9H9H9H9H9H9H9H9H9H9H9H9H9H9H9H9H9H9H9H9[FB8YAIUHR OIH24TJRNETH7 GYDB 098NY0BYR JWOJF08H

  颜色谢谢！出于某种原因，它只需要一些填充物。

  <div class="wrap">
   <ul>
      <li>one</li>
      <li>two</li>
      <li>three</li>
      <li>four</li>
      <li>five</li>
   </ul>
  </div>
  
  .wrap {
   text-align:center;
   background:#999;
   padding:100px 0;
  }
  
  ul {
   width:500px;
   margin:0 auto;
  }
  ul li {
   display:inline-block;
   padding:10px;
   background:#ccc;
  }