css - CSS 垂直导航栏

Question

我正在尝试在 CSS 中创建一个垂直导航栏。这是我在我的母版页中的代码：

这是我的 CSS 文件中的代码：

这是菜单的外观：

如您所见，导航栏并非完全从列的顶部开始。此外，边缘似乎不是单独包围每个按钮，而是所有按钮一次覆盖的区域。

我怎样才能列出清单：

1）完全从顶部开始？2）每个按钮周围的边距而不是所有按钮一次覆盖的区域？

谢谢你。

Answer 1

添加vertical-align:top到#nav2

编辑：

适用vertical-align:top于td

td{
   vertical-align:top;
}

Answer 2

如果我理解正确，请尝试在#nav2 li 中设置 display: inline-block;