添加到你的CSS:

ul { list-style-position: inside; }

这将把li元素放在与其他段落和文本相同的缩进中。

裁判:http://www.w3schools.com/cssref/pr_list-style-position.asp

现场演示:https://jsfiddle.net/h8uxmoj4/

ol, ul {
  padding-left: 0;
}

li {
  list-style: none;
  padding-left: 1.25rem;
  position: relative;
}

li::before {
  left: 0;
  position: absolute;
}

ol {
  counter-reset: counter;
}

ol li::before {
  content: counter(counter) ".";
  counter-increment: counter;
}

ul li::before {
  content: "●";
}

由于最初的问题要求不明确，我试图在其他答案的指导方针中解决这个问题。特别是:

将列表项目符号与段落外文本对齐 将同一列表项中的多行对齐

我还想要一个解决方案，不依赖于浏览器同意使用多少填充。为了完整起见，我添加了一个有序列表。

去除衬垫:

padding-left: 0;

显示:作用是;也可以消除压痕，但也可以去除子弹。

你能提供一个链接吗? 谢谢 我可以看看 很可能你的css选择器不够强大，或者你可以试试

填充:0 !重要;

这样做内联，我设置margin为0 (ul style="margin:0px")。项目符号与段落对齐，没有突出。