如何使用内联 CSS 在中心的无序列表中对齐项目符号答案

【问题标题】：How to align bullet points in an unordered list in the center using inline CSS如何使用内联 CSS 在中心的无序列表中对齐项目符号
【发布时间】：2019-09-23 19:19:48
【问题描述】：

尝试使用内联 CSS 在页面中心的无序列表中对齐项目符号点，但它不起作用。

我尝试过使用 'text-align:center;'和 'list-style-position: inside;'

<div style="text-align:center; list-style-position: inside;">
  <ul>
    <li> blah </li>
    <li> blah rujrij32itjo2jtij32ijti42jtij24tji4jtij2 b32ru h13ru3r31tt</li>
  </ul>
</div>

文本和项目符号点居中，但项目符号点不在彼此下方对齐。

我正在尝试从 freecodecamp 编写以下项目：https://codepen.io/freeCodeCamp/full/zNqgVx

【问题讨论】：

您可能需要为 div 指定一个宽度，并将其从 margin:auto 居中；除了编辑您的问题以澄清它之外，您还可以评论答案。我会删除我的答案，因为你不介意；）...欢迎 SO

标签： html css

【解决方案1】：

我相信您所追求的结果是通过将列表的显示更改为 inline-block 然后将 text-align 设置为 left

ul {
  display: inline-block;
  text-align: left;
}

div {
  text-align: center;
}

<div>
  <ul>
    <li> blah </li>
    <li> blah fdsf ds fds fdsf s</li>
  </ul>
</div>

【讨论】：

如果一个
中有多行文本，并且您希望将项目符号点定位在行的水平中心，该怎么办？