Html 我如何将ul li列表集中在我的div中？

我有下面的页面，你可以看到有6个链接到不同的城市。我提出以下建议：

.cities-main  li {
        float: none;
        display: inline-block;
        text-align: center;
        margin-right: 10%;
        list-style: none;
        text-transform: uppercase;
        font-weight: 400;
        font-size: 18px;
    }

---

横向扩展此列表，但问题是它不是主分区内的中心。。。我怎样才能做到这一点？

为了使您的城市列表居中，只需将以下内容应用于您的ul：

ul {
  text-align: center;
}

---

尝试添加以下规则：

.cities-main{ padding: 0; text-align: center; }
.cities-main > li:last-child{ margin-right: 0; }

这样，最后一个链接就不会因为其

右边距而打断成新行。此外，第一个链接将位于其父元素的左边框上。总的来说，他们是以自己为中心的

这里有一把小提琴：
嗯，通常居中元素取决于元素的尺寸

尝试逐渐改变左右边距，使其位于您想要的位置。这就是你现在拥有的代码

但我建议您使用：

.cities-main  li {
        float: none;
        display: inline-block;
        text-align: center;
        margin-right: 10%;
        list-style: none;
        text-transform: uppercase;
        font-weight: 400;
        position: relative;
        left: 50px;
        font-size: 18px;
    }

修改元素“左：50px”的大小，直到您满意为止

也要考虑你是否应该使用“保证金权：10%”< /P>是的，谢谢，那就行了！我会尽快接受的：）谢谢！但是看看（并接受）@dakab的答案：更好：）@AndreaJessup：谢谢你，夫人，你的遗嘱装饰已经被证明是有根据的。