Html 使导航条居中

我需要将链接和徽标放在导航栏的中心。我知道不能用浮子将其居中

nav {
    float:left;
    padding:12px 0 0 0;

}

如果您知道导航条的宽度，可以使用：

nav {
    width: 200px;
    margin: 0px auto;
}

jsIDLE:

您必须：

1） 将它剩下的所有内容包装在一个类中，如“float left”，将所有内容包装在“float right”中

2） 把两个包装纸浮起来

3） 然后设置 nav{text align:center；}

试试这个：

试试这个

CSS:

---

可能重复：

nav{margin:auto；}

？

nav {
    width: 200px;
    margin: 0px auto;
}

nav {
    padding:12px 0 0 0;
    overflow: auto;
    text-align: center;
}

nav ul {
    display: inline-block;
    margin: 0 auto;
}

nav ul li {
    list-style-type: none;
    float: left;
}

nav{
    text-align:center;
}

li{
    display:inline-block;
    padding:12px 0 0 0;
    vertical-align:middle;
}