中心html/css导航栏

我正在学习如何使用基本的html代码和页面布局。我有以下html和css代码。我希望导航栏在页面顶部居中对齐。如果我现在运行它，它看起来接近我想要的，但它被卡在左边

HTML:

---

我尝试根据各种文章更改显示和浮点值，但没有找到任何有效的方法。谢谢你的帮助

有一个非常好的解决方案，即自动保证金。在css文件中，只需将这两个属性添加到.nav类

.nav {
    margin: 0 auto;
    width: fit-content;
}

它将使您的导航div的宽度正好适合内容，然后由于自动边距将其定位到中心。干杯

 .nav ul li{ float: left; }

使用

加

 .nav{ text-align: center; }

---

任何时候，兄弟，如果你能回答这个问题，那会帮助我：）

 .nav ul li{ float: left; }

 .nav ul li{ display: inline-block; }

 .nav{ text-align: center; }