Html 导航栏的问题

我一直在创建导航栏。我不知道为什么这篇文章不在酒吧里？谁能告诉我有什么问题吗

*{
填充：0；
保证金：0；
}
/*菜单*/
导航{
宽度：100%；
高度：50px；
背景色：#fff；
盒影：rgba（0,0,0,0.2）0 2px 6px 0；
}
导航ul{
列表样式类型：无；
文本对齐：居中；
}
李国荣{
显示：内联块；
证明内容：之间的空间；
线高：50px；
宽度：100px；
}
海军ulli a{
文字装饰：无；
颜色：#000；
显示：块；
字体大小：16px；
字体系列：Arvo；
}
导航ulli a：悬停{
背景色：#27D05F；
过渡：轻松1s；
颜色：#fff；
}
/*下拉菜单*/
李国荣{
显示：无；
背景色：#fff；
宽度：100px；
盒影：rgba（0,0,0,0.2）0 2px 6px 0；
}
导航ul：悬停ul li{
显示：块；
}

阿姨杂货店

问题是因为下级

ul

正在使所有

li

变得更高。要保持与

ul

顶部对齐，需要设置

垂直对齐：顶部

：

nav ul li {
  /* other properties... */
  vertical-align: top;
}

*{
填充：0；
保证金：0；
}
/*菜单*/
导航{
宽度：100%；
高度：50px；
背景色：#fff；
盒影：rgba（0,0,0,0.2）0 2px 6px 0；
}
导航ul{
列表样式类型：无；
文本对齐：居中；
}
李国荣{
显示：内联块；
证明内容：之间的空间；
线高：50px；
宽度：100px；
垂直对齐：顶部；
}
海军ulli a{
文字装饰：无；
颜色：#000；
显示：块；
字体大小：16px；
字体系列：Arvo；
}
导航ulli a：悬停{
背景色：#27D05F；
过渡：轻松1s；
颜色：#fff；
}
/*下拉菜单*/
李国荣{
显示：无；
背景色：#fff；
宽度：100px；
盒影：rgba（0,0,0,0.2）0 2px 6px 0；
}
导航ul：悬停ul li{
显示：块；
}

谢谢，你解决了我的问题。