Html 锚定元件的填充溢出<；a>；

我认为屏幕截图最好地描述了这个问题：

如您所见，填充物相互“合并”，但仅在垂直方向上。水平方向上，填充与预期一致（即介于开始和Leistungen之间）。为什么在标题物理疗法、中间线（开始Leistungen Kon）和Impressum之间没有更多的空间

标题#标题{
显示：内联块；
填充：0.5雷姆；
右边距：1rem；
字号：2rem；
}
标题导航{
显示：内联块；
}
标题导航a{
填充：0.5雷姆；
字体大小：1.25rem；
}

---

内联元素忽略垂直填充。
解决方案：将它们转换为

内联块

s，则填充将产生效果

标题#标题{
显示：内联块；
填充：0.5雷姆；
右边距：1rem；
字号：2rem；
}
标题导航{
显示：内联块；
}
标题导航a{
显示：内联块；/*已添加*/
填充：0.5雷姆；
字体大小：1.25rem；
}

---

内联元素忽略垂直填充。
解决方案：将它们转换为

内联块

s，则填充将产生效果

标题#标题{
显示：内联块；
填充：0.5雷姆；
右边距：1rem；
字号：2rem；
}
标题导航{
显示：内联块；
}
标题导航a{
显示：内联块；/*已添加*/
填充：0.5雷姆；
字体大小：1.25rem；
}