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

Question

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

我试过使用'text-align：center;' 和“列表样式位置：内部；”

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

文本和项目符号点 go 指向中心，但项目符号点彼此下方不对齐。

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

Answer 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>