CSS 获取标题正下方的段落

Question

我想在标题下方添加段落文本。我将两者的 margin 和 padding 都设置为 0，但它们之间仍然有很小的差距。为什么？谢谢。

Answer 1

line-height:1em;

还添加一个边框进行测试：

border:1px solid #f00;

Answer 2

它来自标题的行高属性。

试试这样：

<h1 style="margin:0; padding:0; line-height:1em;">Heading</h1>
<p style="margin:0;">Paragraph</p>

Answer 3

确保删除上面标题的底部填充和边距，并且应该设置

<style>
.h2 { margin-bottom:0px; padding-bottom:0px; }
p { margin:0px; padding:0px 0px 15px 0px; }
</style>

我已在段落标记中添加了填充底部，以便您可以在每个

标记之间进行分隔。