Javascript “li”内联元素的高度

我正在尝试设置显示为css的li的高度：inline。 我知道内联元素会重置高度，但我需要将其显示为：内联以文本对齐列表的中心

这是我的css：

li{
    font-size: 28px;
    border-right: 1px solid #b9b9b9;
    margin-right: 15px;
    padding-right: 15px;
    line-height: 40px;
    display: inline;
    text-align: center;
    color: #ffffff;
}

我需要根据文本高度固定高度以显示边框高度，这就是现在发生的情况：

有解决这个问题的办法吗？记住，我需要显示内联文本对齐列表在ul上居中

如果有其他方法来对齐文本：居中列表也会有帮助，我认为…

内联不尊重这种方式的填充或边距。您应该使用display:inline块，它执行以下操作：

inline不以这种方式尊重填充或边距。您应该使用display:inline块，它执行以下操作：

试试这个：

只是删除了line height属性，该属性使它从顶部有空间，并且只提供右边的边距和右边的填充，以便从右边有空间

li{
  font-size: 28px;
  border-right: 1px solid #b9b9b9;
  margin: 0 15px 0 0;
  padding: 0 15px 0 0;
  display: inline;
  text-align: center;
  color: #ffffff;
}

试试这个：

只是删除了line height属性，该属性使它从顶部有空间，并且只提供右边的边距和右边的填充，以便从右边有空间

li{
  font-size: 28px;
  border-right: 1px solid #b9b9b9;
  margin: 0 15px 0 0;
  padding: 0 15px 0 0;
  display: inline;
  text-align: center;
  color: #ffffff;
}

---

内联块不算数？内联块不算数？你应该解释你在做什么，不要只是发布一段代码即使是我的否决票，我也不会认为太晚。它鼓励你改进你的答案，如果你改进后的答案有用的话，你可以得到一张赞成票。如果你不在乎的话，你应该把答案删掉，我解释了我为什么这么做，我做了什么。谢谢你的鼓励。你应该解释一下你在做什么，不要只是发一大块代码即使这是我的反对票，我也不会认为为时已晚。它鼓励你改进你的答案，如果你改进后的答案有用的话，你可以得到一张赞成票。如果你不在乎的话，你应该把答案删掉，我解释了我为什么这么做，我做了什么。谢谢你的鼓励。