我的列表排列不正确，不确定如何解决

Question

我有一个看起来像这样的列表，我没有在其中放入任何CSS，但是在第二行换行后，它与子弹没有对齐...

模板：

            <ul>
                <li>
                    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus possimus maxime at repudiandae ut ad hic eaque cum fugiat ipsa odit natus, alias unde debitis explicabo, iste reiciendis dignissimos sequi.
                </li>
                <li>
                    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus possimus maxime at repudiandae ut ad hic eaque cum fugiat ipsa odit natus, alias unde debitis explicabo, iste reiciendis dignissimos sequi.
                </li>
                <li>
                    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus possimus maxime at repudiandae ut ad hic eaque cum fugiat ipsa odit natus, alias unde debitis explicabo, iste reiciendis dignissimos sequi.
                </li>
            </ul>

输出：

我希望每个列表都与项目符号对齐，有没有办法用CSS做到这一点？

Answer 1

使用list-style-position: outset：

li {list-style-position: outset}

<ul>
  <li>
    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus possimus maxime at repudiandae ut ad hic eaque cum fugiat ipsa odit natus, alias unde debitis explicabo, iste reiciendis dignissimos sequi.
  </li>
  <li>
    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus possimus maxime at repudiandae ut ad hic eaque cum fugiat ipsa odit natus, alias unde debitis explicabo, iste reiciendis dignissimos sequi.
  </li>
  <li>
    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus possimus maxime at repudiandae ut ad hic eaque cum fugiat ipsa odit natus, alias unde debitis explicabo, iste reiciendis dignissimos sequi.
  </li>
</ul>