在HTML中，同一项目点中各段之间的垂直间隔。

Question

我以纯文本格式做笔记，并以HTML格式查看。当我写一个列表时（不管是有序的还是无序的），有时我会在同一个项目点中写两个段落。在HTML显示中，这些段落显得非常接近。我怎样才能修改 .css 以增加它们之间的垂直距离？

我这是由元素控制的 li, ol 和 ul 但我不知道如何具体调整它们。以下是目前这些元素的代码。

p, table, ul, ol, dl {margin-top: 1.5em; margin-bottom: 1.5em;}
ul ul, ul ol, ol ol, ol ul {margin-top: 0.5em; margin-bottom: 0.5em;}
li {margin: 1.5em auto; padding: 50px 0px;}
ul {margin-left: 2em; padding-left: 0.5em;}

ol {
  margin:0 0 1.5em;
  padding:0;
  counter-reset:item;
}

ol>li {
  margin:0;
  padding:0 0 0 2em;
  text-indent:-2em;
  list-style-type:none;
  counter-increment:item;
}

ol>li:before {
  display:inline-block;
  width:1.5em;
  padding-right:0.5em;
  font-weight:bold;
  text-align:right;
  content:counter(item) ".";
}

Answer 1

具体到bulletpoint中的段落之间的分隔。

没有什么不一样的地方，只是做了这样的例子。

li + li{
  margin-top: 60px; /*as per requirement*/
}

<ol>
  <li>It is a long established fact that a reader will be </li>
  <li>It is a long established fact that a reader will be </li>
</ol>

另外，如果你在一个页面里有很多个弹点，可能会有一个未来的问题，所以只要给你的弹点标签做一个id，就可以了，比如说：

#first li + li{
  margin-top: 60px; /*as per requirement*/
}

<ol id="first">
  <li>It is a long established fact that a reader will be </li>
  <li>It is a long established fact that a reader will be </li>
</ol>