javascript - CSS、HTML 列表缩进

Question

我是 HTML 的新手，在根据自己的喜好正确设置列表格式时遇到了很多麻烦。在我当前的代码中，我有一个编号列表。我的目标是在数字本身和后面的文本之间创建一个缩进或空格。例如:

1.(缩进)对于所有日期/字段/等等

2.(缩进)“全文查询”

3.(缩进)缩小搜索范围等

我尝试在 w3schools 和其他 StackOverflow 帖子上搜索提示，但似乎找不到解决方案。我相信这是由于有一个列表而不是常规文本(例如段落)。任何帮助，将不胜感激。

Answer 1

由于示例中每个元素的文本都包含在 span 中，因此您可以为每个 span 设置样式。

例如，我在您的代码的第一项中添加了 padding-left: 30px:https://jsfiddle.net/02xbseuo/

这将意向文本的第一行。如果你想要整个段落的意图，你可以将 span 元素转换为 div。