Html I'；我在magento 2中的标题有问题

我对这个横幅有意见。目前，我在Magento 2工作，我必须设置此横幅。在我把字体放进去之前，一切都很好

这是我的代码，但首先看下面的图片

#第3框h3{
字体大小：calc（22px+（30-22）*（（100vw-300px）/（1600-300））；
字体系列：“Playfair显示”，衬线；
字号：700；
文本转换：无；
字体：斜体；
显示：内联块；
右边距：15px；
左边距：15px；
底部：43px；
颜色：白色；
}
#font3{
字体大小：calc（9px+（12-9）*（（100vw-300px）/（1600-300））；
显示：内联块；
文本转换：无；
底部：43px；
颜色：白色；
}
@仅介质屏幕和（最大宽度：370px）{
/*移动电话：*/
.br{
显示：块；
}
}

我们到了

通常H标记有一个边距。 检查开发工具上的h3，可能会在底部增加额外的空间

---

我认为

#box3 h3

应该有

的边距底部：0，您的问题可能会得到解决
我希望下面的示例能有所帮助


#框3{
位置：相对位置；
}
#框3 h3{
字体大小：calc（22px+（30-22）*（（100vw-300px）/（1600-300））；
字体系列：“Playfair显示”，衬线；
字号：700；
文本转换：无；
字体：斜体；
颜色：白色；
页边距底部：0；
显示：内联块；
}
#框3.内部文本{
位置：绝对位置；
底部：20px；
左：0；
右边距：15px；
左边距：15px；
显示：内联块；
}
#font3{
字体大小：calc（9px+（12-9）*（（100vw-300px）/（1600-300））；
文本转换：无；
颜色：白色；
左边距：10px；
}
@仅介质屏幕和（最大宽度：370px）{
/*移动电话：*/
.br{
显示：块；
}
}


我们到了
我们到了
我们到了