Html 将列表项（li）精确设置在页面中央

以下是我的简单代码：

<ul>
  <li>
      Example1
  </li>
  <li>
      Example12
  </li>
  <li>
      Example13
  </li>
</ul>

例1不完全在页面中央。 这就是现在的样子黑线表示页面中心，用示例1替换主页：

我如何修复它，使其看起来像这条黑线表示页面中心：

定义li显示：内联块；您的ul定义框大小：边框框左：0；右：0

保险商实验室 { 文本对齐：居中； 保证金：0； 填充：3vh； 位置：固定； 底部：0； 左：0；右：0； 背景色：333； 溢出：隐藏； 列表样式类型：无；框大小：边框框 } 锂 { 左：3vh； 右侧填充：3vh； 显示：内联块； 垂直对齐：顶部； 保证金：0； } 家

---

我测试。没有区别@mlibre现在定义ul框大小：边框框@mlibre现在移除100%宽度，并将ul检查中的左右0添加到我的更新answer@mlibre你能检查一下这个提琴，告诉我这个提琴盒的尺寸有什么问题吗。蒂纳克斯。左和。。。没必要。请把你的问题说得恰当一些。

ul
{
    text-align: center;
    margin: 0;
    padding: 3vh;
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #333;
    overflow: hidden;
    list-style-type: none;
}
li
{
    display: inline;
}