Html <；李>；，项目符号列表当前未排列

在我的网站上，我有一个带有链接的项目清单

问题是当一个链接有点长时，它会被分成两行。很好

然而，当它分成两条线时，第二条线并不位于另一条线的下方

如何将第二行向右移动，使其与其他链接相匹配

<div class="test"> 
  <ul>
    <li><a href="menuItem.html">Yes</a></li>
    <li><a href="menuItem.html">Yes Yes Yes Yes</a></li>
    <li><a href="menuItem.html">Yes</a></li>
  </ul>
</div>

这是我描述的图像

---

您可以使用表格布局：

ol {
    counter-reset: foo;
    display: table;
}

ol > li {
    counter-increment: foo;
    display: table-row;
}

ol > li::before {
    content: counter(foo) ".";
    display: table-cell; /* aha! */
    text-align: right;
}

---

来源：

我猜您的

列表样式位置

设置为

内部

您应该将其设置为

外部

（如果要保持左偏移量，请使用

边距左

属性）

---

您可以分享屏幕截图吗？显示您的CSS，因为它是定制的bullt point列表。