html - 从有序列表中删除所有样式和缩进

Question

如何删除有序列表的缩进和样式，使其表现得像普通文本？

例子:

   1. Item
   1. Item
   [...]
1000. Item

应该是这样的:

1. Item
2. Item
[...]
1000. Item 100

代码:

<ol>
<li>Item</li>
<li>Item</li>
<li>Item</li>
</ol>

谢谢!

Answer 1

您将取消设置包含列表元素(ol 或 ul )，本质上是规范化元素样式。
您仍然需要考虑查看 list-item 显示类型所需的空间，您可以通过在嵌套列表项上声明 margin 属性并调整满足要求的值。

ol {
    margin: 0;
    padding: 0;
}

li {
    margin-left: 10px; /* Adjust accordingly */
}

ol.normalized {
    margin: 0;
    padding: 0;
}

ol.normalized li {
    margin-left: 10px; /* Adjust accordingly */
}

<h4>Normalized</h4>

<ol class="normalized">
  <li>Item</li>
  <li>Item</li>
  <li>Item</li>
</ol>

<h4>Initial</h4>

<ol>
  <li>Item</li>
  <li>Item</li>
  <li>Item</li>
</ol>