html - 如何减少hr标签的默认边距？

我可以增加 hr 标签的默认边距。但是我不能将 hr 的边距减少到零。我需要的只是顶部和底部边距为零的水平线

<p>This is header</p>
<hr class="divider" />
<p>This is content. I just want to reduce the margin of hr tag</p>

hr.divider
{
   margin-top: 0em;
   margin-bottom: 0em;
   border-width: 2px;
}

另见 this jsfiddle 。

最佳答案

你已经成功了。 hr 没有边距顶部或底部。显示 p 和/或 padding 的是 margin 元素。在这里你可以看到这一点:

 hr.divider {
  margin: 0em;
  border-width: 2px;
}

p {
  margin: 0;
  padding: 0;
}

<p>This is header</p>
<hr class="divider" />
<p>This is content. I just want to reduce the margin of hr tag to zero</p>

关于html - 如何减少hr标签的默认边距？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31241917/