html - hr 和 h2 标签之间的空格

Question

我希望 hr 和 h1 标签之间没有太多空间。我尝试设置边距、填充，但这些都不适用于 h2 标签，但适用于 h1 标签。有人知道我该怎么做吗？

HTML

<div class="adresse">
   <h2>Fredag d.10 november 2016</h2><hr />
   <h1>Hotel, Copenhagen</h1>
</div>

CSS

hr {
    width: 77%;
    float: left;
    margin-top: -10px;
}
 .adresse h1{
    text-align: left;
    margin: 0px;
}

.adresse h2 {
    text-align: left;
    font-weight: 300;
    color: #3594cb;
}

Answer 1

因此，在您的 css 文件中，为 h1 和 h2 赋予了不同的边距和填充值。检查这个。您还可以使用行高设置行间距。

h1, h2 {
  margin: 0;
  padding: 0;
  line-height: 0.9;
}