Html 左浮动时，将LI居中对齐

下面是我的JSFIDLE，我试图将列表项

居中对齐到

唯一的问题是lis设置为向左浮动，我无法删除此条件。请告诉我是否有办法解决左浮动问题，并使lis中心总体对齐（以响应方式）


为什么不简单地加上：

#nav ul{
    display:inline-block;
}

为什么不简单地加上：

#nav ul{
    display:inline-block;
}

试着这样做：

CSS:

试着这样做：

CSS:

谢谢，但它实际上是div的原因，请让我知道如何使这个小提琴中心对齐：-如果您不能将HTML改为包含在另一个元素中，或者删除浮点，您就无法完成您想要的。这就像试图用红色油漆把你的房子漆成蓝色：（谢谢你的帮助，该死的，这里需要
float:center
我真的很想知道，为什么有的时候没有中心，而剩下的都是right@user3027531抱歉，没有您想要的解决方案，感谢它不是理想的Hanks，但它实际上是div发生的原因，请告诉我如何使此小提琴中心对齐：-如果无法将HTML更改为包含在另一个元素中，或删除浮动，则无法完成所需的操作。这就像尝试使用红色油漆将房子漆成蓝色一样：（谢谢你的帮助，该死的，这里需要
float:center
我真的很想知道，为什么有的时候没有中心，而剩下的都是right@user3027531抱歉，没有您想要的解决方案，感谢它不理想
#nav ul {
    margin:0 auto;
}
#nav li {
    list-style:none;
    margin: 0 5px;
    display:inline-block;
    border:gray solid 1px;
}