Html 如何从无序列表项中删除缩进？

我想删除

ul

中的所有缩进。我尝试将

边距

，

填充

，

文本缩进

设置为

0

，但没有效果。似乎将

文本缩进设置为负数可以解决问题，但这真的是删除缩进的唯一方法吗？
你能提供一个链接吗？
谢谢
我可以看看
很可能你的css选择器不够强大，或者你能试试吗

填充：0！重要的
删除填充：

padding-left: 0;

将列表样式和左填充设置为“无”

ul{
列表样式：无；
左侧填充：0；
}​


ul{
列表样式：无；
左侧填充：0；
}

a
b
c
将此添加到CSS中：

ul { list-style-position: inside; }

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

参考：
我首选的去除
压痕的解决方案是一个简单的CSS单内衬：


ul{左侧填充：1.2em；}
段落文本的前导行


项目符号与上面的段落文本对齐
长列表项正确环绕。长列表项正确环绕。长列表项正确环绕。长列表项正确环绕。长列表项正确环绕
清单项目3

段落文本的尾随行
我在尝试拆分页脚时遇到了相同的问题。我发现，通过尝试上述几个建议的组合，这对我来说是可行的：

footer div ul {
    list-style-position: inside;
    padding-left: 0;
}

这似乎使它保持在my h1下方的左侧，并且使项目符号位于div内部，而不是位于左侧的外部。
显示：表行也将消除缩进，但将删除项目符号。
实时演示：

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: "●";
}

由于最初的问题不清楚它的要求，我试图在其他答案设定的指导方针内解决这个问题。特别是：


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

我还想要一个解决方案，不依赖于浏览器同意使用多少填充。为了完整性，我添加了一个有序列表。
通过内联操作，我将边距设置为0（ul style=“margin:0px”）。项目符号与段落对齐，没有悬垂。
没有HTML和CSS很难说，但在大多数情况下，使用由规则ul{padding:0；margin:0；}组成的CSS重置/规范化会起作用。我确信文本缩进与此无关。如果看不到您实际在做什么，很难说问题出在哪里。将ul上的边距和填充设置为0应该可以跨浏览器使用。“不起作用。并且不能使用CSS重置。我的更改是一个巨大的web框架的一部分，有60多人在使用它哈哈”-哈哈。比你没有问清楚你的问题更重要！指定0时不需要标注。
！重要信息是EVIL@Madbreaks如果选择器是正确的，用例是正确的，那么它可以工作，但您的右侧问题不是这个，可能在这种情况下，有一个主要的css规则需要通过更改基本文件来覆盖，所以它像不破解核心一样留在大头钉中？我不知道也许我错了你可以删除缩进并保留编号/项目符号：ul{list style position:inside；padding left:0；}好吧，现在你编辑了答案，项目符号被保留了，但是仍然存在一个问题，即多行文本的
不能正确缩进所有行。如果您继续编辑，最终可能会得到我的解决方案d第二种解决方案似乎不再有效（Windows上的Chrome 55）。有其他选择吗？@TomPažourek Try
列表样式位置：外部；左：1米在
@j08691上：是的，这是可行的，尽管
1em
东西有点神奇的价值。。。实际上还有一点缩进。在有多行文本的
s上，
list style position:inside
将第二行和后面所有行的文本与项目符号对齐。这当然不可取。我已经在我的帖子@aioobe中解释了所有问题。但这里再次说明：接受的答案（目前的状态，因为在我最初发布后，它已被编辑多次以改进）现在保留了项目符号（如果您使用第二个示例），但它不会正确缩进项目符号多行文本。这是第二个公认答案的例子，经过修改以显示效果：这是用我的方法纠正的同一个例子：所以现在是2016年，依靠一些“并非对所有浏览器都完美”的值是解决这一非常常见问题的最干净的解决方案。是否有任何方法可以获得项目符号的确切宽度，可能使用CSS3功能？为了安全起见：
ul{padding left:1.2em；margin left:0；}
此页面上唯一的解决方案，可以正确处理长列表项目（正确环绕）-谢谢！我不明白为什么你被否决了，除了在0前面投反对票。我在GoogleChrome上尝试了这个方法，它成功了，而padding left:0解决方案没有成功。这是在Google Chrome 79.0.3945.88 WinX版本上，64位。添加到我上面的评论。。。因为我不能编辑它。。。我玩了更多，在最新的Firefox（71.0）上，行为是一样的。然而，这与无序列表（ul）有关。当使用有序列表（ol）时，1.2em似乎将列表的左边缘与其他文本的左边缘对齐（根据上面的Jpsy答案）。