Html ui水平居中于左侧的定位点，而不是居中

我想做的是： 底部的社交按钮与页面水平居中。 我尝试的是：

.centered{
文本对齐：居中；
}
保险商实验室{
位置：绝对位置；
z指数：2；
底部：0；
显示：内联块；
}

将ul左侧更改为50%

ul{
位置：绝对位置；
左：50%；
底部：0；
转化：translateX（-50%）；
}
ul>li{
高度：26px；
宽度：26px；
边界半径：50%；
背景色：rgb（0,0,0）；
显示：内联块；
利润率：0.10px；
}

如果不针对较旧的浏览器，您可以使用flex

.centered{
显示：柔性；对齐工具集：中心
}

为什么css中有ul类？在htmlimho中没有这样的解决方案，最简单的解决方案是

.centered{display:flex；justify content:center；}

是的。它不应该是一门课。我试试你的解决办法。谢天谢地。解决了这个问题。非常感谢。谢谢，但是不，我想用

• 而不是divs。我厌倦了上面的解决方案，它工作了。@Jona它与ul tho一起工作。。。只需将选择器

  nav

  更改为

  ul

  ，

  div

  更改为

  li