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; を設定してみてください。