html - 如何删除 css 中 <li> 之间的边距？

Question

我开始学习 HTML 和 CSS，想知道是否有办法删除或减少这两个列表项之间的 margin？

见下面的片段和图片:

#main {
  color: black;
  width: 350px;
  float: right;
}

<div id="main">
  <h1>HOME PAGE</h1>
  <ol>
    <li>
      <h4><a href="https://www.youtube.com/watch?v=KJ13lX20FqU" target="_blank">basic html with basic tags</a></h4>
      <ul>
        <li>
          <h5><a href="http://www.w3schools.com/TAgs/tag_li.asp" target="_blank">basic tags colleciton</a></h5>
        </li>
      </ul>
    </li>
  </ol>
</div>

Answer 1

All heading elements like <h1>, <h2>, <h3> upto <h6> have some default margin in all browsers(Can vary from browser to browser).

您需要根据需要删除或重置此边距。

#main h4,
#main h5 {margin: 0;}

#main{
  color: black;
  width: 350px;
  float: right;
}

#main h4,
#main h5 {margin: 0;}

<div id="main">
  <h1>HOME PAGE</h1>
  <ol>
    <li>
      <h4><a href="https://www.youtube.com/watch?v=KJ13lX20FqU" target="_blank">basic html with basic tags</a></h4>
      <ul>
        <li>
          <h5><a href="http://www.w3schools.com/TAgs/tag_li.asp" target="_blank">basic tags colleciton</a></h5>
        </li>
      </ul>
    </li>
  </ol>   
</div>