CSS在标题下得到了段落

Question

我想在标题下面加上段落文字。我将两者的边距和填充设置为0，但它们之间仍然存在小差距。为什么？感谢。

Answer 1

line-height:1em;

还添加边框进行测试：

border:1px solid #f00;

Answer 2

来自标题的line-height属性。

试试这样：

<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>

我在段落标记中添加了填充底部，因此您可以在每个<p>标记之间分隔。