CSS 块不适用于 jekyll 下拉导航栏

我一直在关注 w3schools 和其他网站，以使用 Frontmatter 在 jekyll 中构建导航栏。我在使用 CSS 中的 block 属性时遇到了问题。除了下拉部分之外的整个导航栏都在工作。

这是jsfiddle。我不确定这会有多大用处，因为它里面有 Liquid。

这是我正在查看的图片。我已经玩过了 CSS 的“#navbar .ddm a”部分，所以我知道我在正确的位置，但我是否放置块并不重要。内联工作正常。它只是默认为 inline-block，即使我删除了“display:”

这是我认为应该是罪魁祸首的css

#navbar .ddm a {
  color: green;
  padding: 14px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}