Html 不能在导航栏css中使用填充

我有一个简单的导航栏。有一个标题，然后是一个包含所有代码的容器

我试图做的是在

li

项中添加

padding

。当我这样做时，它只是将其添加到左侧和右侧，而不是顶部。我一直在尝试修复它，我注意到如果我在

标题导航

中添加填充，而不是

标题导航ul li

，它会工作。另外，如果我将

float:left

添加到

标题导航ul li

我只想知道为什么我必须将

float:left

添加到

标题导航ul li

才能使填充工作

.container{
宽度：80%；
保证金：0自动；
}
#烙印{
浮动：左；
}
标题导航{
浮动：对；
}
标题nav ul li{
显示：内联；
}

测试

尝试使用

显示：内联块

.container{
宽度：80%；
保证金：0自动；
字体系列：Arial；
}
#烙印{
浮动：左；
}
标题导航{
浮动：对；
}
导航a{
颜色：灰色；
文字装饰：无；
}
标题nav ul li{
显示：内联块；
填充：10px；
}

测试

.container{
宽度：80%；
保证金：0自动；
}
#烙印{
浮动：左；
}
标题导航{
浮动：对；
}
标题nav ul li{
显示：内联块；
衬垫顶部：100磅；
背景色：红色；
}

测试

是否显示：内联块；修复问题？它工作了，但我已经知道如何使它工作，但我想知道为什么在不添加内联块的情况下不应用填充。你提供的链接就是我想要的答案。非常感谢。