Html 填充未正确应用于标题

我正在努力学习基本的HTML和CSS。这是我目前拥有的代码：

该代码有两个问题：

header a { padding: 15px 20px; background-color: #16AD8F; }

目前，不仅列表项之间存在很大差距

标题中的列表没有正确应用顶部填充。它应该位于标题的中间。

以下是代码的相关位：

header a { padding: 15px 20px; background-color: #16AD8F; }

---

这是因为

li

s是内联块。当然，您可以重做代码并使用浮点数修复，例如。。。或者通过将

li

s连接在一起（

..

，请参见此处：）来去除空白，等等

但是有一个很好的小技巧可以去掉空格：set

font size:0到其父元素
ul
元素：

要获得正确的顶部填充，只需将锚点设置为
display:block：

这是因为
li
s是内联块。当然，您可以重做代码并使用浮点数修复，例如。。。或者通过将
li
s连接在一起（
..
，请参见此处：）来去除空白，等等

但是有一个很好的小技巧可以去掉空格：set
font size:0到其父元素
ul
元素：

要获得正确的顶部填充，只需将锚点设置为
display:block：

可能重复的可能重复，如果要删除ul和h1之间的空白（“管理”和菜单），请删除代码中的空白：
：如果要删除ul和h1之间的空白（“管理”和菜单），请删除代码中的空白：
：
#header a {display: block;}