html - 将 元素的文本和元素符号居中

Question

通过这些挑战，我正在重温我的 CSS 技能，但我在第一个挑战上遇到了麻烦(见下图)。强文本

我可以将文本居中，但元素符号没有居中。参见 JSFiddle

li {
  text-align:center;
}

<ul>
  <li>List Number 1</li>
  <li>List Number 2</li>
  <li>List Number 3</li>
  <li>List Number 4</li>
  <li>List Number 5</li>
</ul>

Answer 1

最简单的方法可能是将列表样式位置设置为内部。

li {
  list-style-position: inside;
  text-align: center;
}

<ul>
  <li>List Number 1</li>
  <li>List  2</li>
  <li>List Number 3</li>
  <li>List 4</li>
  <li>List Number 5</li>
</ul>