项目符号点未能在中心对齐

Question

我希望能够在页面的中心显示列表。我使用容器div来组织页面中的元素。但当我应用CSS样式时，项目符号无法对齐。有没有办法使项目符号对齐并在页面中心显示列表？

ul  {
padding-left: 0;
}
ul li {
list-style-position: inside;
}
.container{
text-align: center; 
}

<div class="container">
<ul>
<li>Lorem Ipsum is simply</li>
<li>Lorem Ipsum is simply Lorem Ipsum is simply</li>
</ul>
<div>

Answer 1

此代码将执行以下操作：

.container{
display: flex;
justify-content: center;
}