如何在CSS中移动项目符号点？

Question

我一直在使用以下内容并试图抓住要点：

＆＃13;

＆＃13;

#list {
  text-align: center;
}

＆＃13;

<div id="list">
  <ul>
    <li>listitem1</li>
    <li>listitem2</li>
  </ul>
</div>

＆＃13;

＆＃13;

＆＃13;

并尝试了一些其他技巧，例如尝试减少填充/边距，但似乎无法找到答案。

Answer 1

HTML列表具有在内容中定位项目符号的属性：

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

更多信息： https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-position

Answer 2

将这行代码添加到CSS

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

Answer 3

#list {
  list-style-position: inside;
  list-style-type: circle;
}

<div id="list">
  <ul>
    <li>listitem1</li>
    <li>listitem2</li>
  </ul>
</div>

Answer 4

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