Html 使用css创建水平菜单（居中和停靠）

我必须为垂直菜单栏编写一个简短的css脚本

第一个项目应停靠在左侧，最后一个项目应停靠在右侧

中项目应垂直居中。菜单栏本身也应该垂直居中

我读过一些文章，但每一篇都失败了

我的资产：

html标记： 使用的css：

---

那么，谁能告诉我，我做错了什么？如果调整页面大小，则项目会垂直浮动，我知道原因，但如何才能做得更好？有人给我一个想法、提示或网站吗？谢谢

如果您可以使用伪选择器，请尝试以下代码

#nav li:first-child {
    text-align:left;
}
#nav li:last-child {
    text-align:right;
}

另外，最好使用jsfiddle.com来展示您迄今为止所做的工作。我把你的代码复制到了

您可以在此处阅读有关css伪选择器的更多信息：

---

“菜单栏本身也应该垂直居中”-你的意思是垂直居中到页面中间？