HTML删除文本和边框之间的空格

Question

因此，我是HTML的新手，但在样式HTML文档时遇到了麻烦。我想创建一个包含我的内容的框区域。这是到目前为止的代码：

<div style="border:1px solid black; margin:20px 20px;">
    <h3>About Me!</h3>
    <p>Hello</p>
</div>

我遇到的问题是边框和元素顶部之间存在间隙。我该如何删除呢？

Answer 1

H3标签具有默认的边距最高值，请使用CSS将其设置为0

h3{
    margin-top : 0px;
}

或样式标记中包含css

<h3 style="margin-top: 0px">Title</h3>

但是我建议您使用外部CSS文件

来源：Default css values

Answer 2

默认情况下，所有标签的边距为。在您的情况下，“ h3”标记具有（margin-top：1em； margin-bottom：1em； margin-left：0； margin-right：0;），因此您的上部空间已创建。 1em = 10px，因此将其减少到5px可以帮助您，如下面的代码段所示。

<div style="border:1px solid black;">
    <h3 style="margin:5px">About Me!</h3>
    <p  style="margin:5px">Hello</p>
</div>