html - 为什么 HTML/CSS 在大 p 标签后添加空间？

Question

我想要我的页面的标题，它会用大字母显示“WebsiteName.com”，然后在它下面大约 20 像素，我需要一个 <hr>标签。但是出于某种原因，它下面添加了相当大的空间？

我如何删除它下面的空间？

.global_header p {
  font-size: 70px;
  cursor: pointer;
  text-align: center;
}

<div class="global_header">
  <b><p>WebsiteName.com</p></b>
  <hr>
</div>
<br>

Answer 1

只需添加 margin-bottom: 0px;

.global_header p {
    font-size: 70px;
    cursor: pointer;
    text-align: center;
    margin-bottom: 0px;
 }