Html 即使代码正确，也不显示填充

作为一个完全的初学者，我正在制作一个完全基于html和css的网站。。。但是我有一个问题-列表中的a标记没有得到填充，无论我在这两个代码中尝试做什么。。。我试着想出一个理由，但想不出一个。有关错误，请参阅html和css代码。谢谢 html和css代码如下所示：

ul{
显示：块；
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：黑色；
}
李{
浮动：左；
}
李阿{
显示：块；
颜色：白色；
文本对齐：居中；
填充：16像素；
}

美国广播公司官方网站








欢迎来到abc的官方网站

您只需要

填充：16px

而不是

填充：16px

ul{
显示：块；
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：黑色；
}
李{
浮动：左；
}
李阿{
显示：块；
颜色：白色；
文本对齐：居中；
填充：16px；
}

美国广播公司官方网站








欢迎来到abc的官方网站

这只是一个输入错误-在

16

和

px

之间有一个空格。单元前不能有空格，所以应该是

16px

我没有投反对票，但仅供参考，对于低质量问题（如此问题）的正确操作是标记它们，或者如果问题需要更多详细信息，则可以在评论中询问更多信息。或者简单地转到问得好的问题：）否则我们只会鼓励更多糟糕的问题：）请参阅中的“回答问得好的问题”部分。非常感谢，我在这一点上感到困惑！