Html UL元素忽略了填充

我在CSS方面遇到了一些麻烦。。。这很奇怪

我有一个包裹在导航标签内的UL元素。我试图对各个链接应用一些填充，由于某种原因，填充并没有向下移动元素并扩展容器

下面是正在发生的事情的屏幕截图：

正如您所看到的，浏览器注意到了填充，但它只是与上面的元素重叠（浮动）。我找不到办法把它往下推，或者至少让容器膨胀以正确地容纳它

作为参考，我使用骨架响应样板作为基础

---

这里有一个指向它的链接：Try

display:inlineblockli

元素上的code>工作正常。非常感谢你的帮助！：）