Html CSS中的额外空白？

我正在尝试创建一张只有html和CSS的卡片，现在卡片看起来还可以，但是在卡片的文本部分，我看到文本上方有一些额外的空白。有人能看看我为什么会这样吗

这是一个可以工作的密码笔

h1{
文本对齐：居中；
}
.集装箱{
保证金：自动；
边框：实心；
宽度：300px；
文本对齐：居中；
盒影：0 8px 16px 0 rgba（0,0,0,0.2）；
}
.卡片文本{
背景颜色：浅绿色；
填充：0；
保证金：0；
}

让我们制作一张卡片
卡片
一些文字适用于卡片Lorem ipsum door sit amet concertetur adipising elit。这是我的责任，也是我的责任。码头

您的选择是制作

一些文字适用于卡片Lorem ipsum door sit amet concertetur adipising elit。这是我的责任，也是我的责任。码头

感谢您的快速回复。成功了。接受这个答案，谢谢你的解释。这就清楚了为什么会发生这种情况。