Html 如何修复两个文本框之间的间隙？

我正在尝试创建一个简单的提醒系统，你发布一个标题和一些文本，然后在你的帐户页面上得到提醒。问题是，标题和文本所在的框相距太远，我宁愿它们之间没有空隙

我目前正在运行这个文件，我已经尝试过搞乱一些CSS，但没有什么真正起作用

这是一个测试


正文
文本

.center{
显示：块；
左边距：自动；
右边距：自动；
宽度：50%；
}
h1{颜色：浅蓝色}
h2{颜色：蓝色}
a:链接{
颜色：浅蓝色；
填充物：7.5px21.5px；
背景色：蓝紫色；
文字装饰：无；
显示：内联块；
}
a:参观了{
颜色：浅蓝色；
填充物：7.5px21.5px；
背景色：蓝紫色；
文字装饰：无；
显示：内联块；
}
a:悬停{
颜色：浅蓝色；
背景颜色：紫色；
文字装饰：下划线；
}
a:主动的{
颜色：浅绿色；
背景色：透明；
文字装饰：下划线；
}
人力资源{
边框颜色：紫色；
}
.对{
显示：内联块；
左边距：自动；
右边距：自动；
宽度：自动；
位置：绝对位置；
右：50px；
宽度：100px；
高度：18px；
}
div.ignore-css{all:unset；}

---

如果我把br放进去，我预计会有一个间隙，但如果我把它留空，就不会有间隙。

这里的问题是html元素对某些属性有某些默认值。例如，如果我们查看，我们可以看到

具有以下默认值：

h2  display: block;
    font-size: 1.5em;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;

而

具有以下特点：

p   display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;

---

如果要删除默认页边距，可以特别将元素的

页边距底部

或

页边距顶部

属性设置为0。

只需按如下方式更新h2，以删除两个元素之间的空白-

h2{颜色：蓝色；边距：0px！重要；}

---

任何其他显示空白的元素都应该通过将边距设置为0来删除。

无论是

p

还是

h2

都有默认的边距。我没有看到任何HTML标记引用CSS类的“中心”或“右侧”。要使用这些CSS定义，标签需要嵌入“class=“center”或“class=“right”才能使用这些CSS定义。