Html 带边框和填充的内联div块会导致div超出页边距

如何防止此代码中的上边缘被切断：

HTML代码：

abcd-efgh

CSS代码：

#文本{
显示：内联；
边框：3倍纯黑；
填充：10px；
字体大小：40px；
}

以下是一种方法：

#文本{
显示：内联块；
边框：3倍纯黑；
填充：10px；
字体大小：40px；
}

以下是一种方法：

#文本{
显示：内联块；
边框：3倍纯黑；
填充：10px；
字体大小：40px；
}

由于您似乎正在创建某种类型的框，请使用

显示：内联块

而不是仅使用

显示：内联

---

请参阅：

由于您似乎正在创建某种类型的框，请使用

显示：内联块

，而不仅仅是

显示：内联

---

请参阅：

对于一些旧浏览器*显示：inline；缩放：1@Enve很好，我不知道这个。我猜，Enve指的是这个或类似的东西：对于一些旧浏览器*display:inline；缩放：1@Enve很好，我不知道这个。我认为，Enve指的是这一点或类似的东西：