Html CSS水平菜单未居中位置固定

我制作了一个简单的垂直菜单，效果很好。我可以调整浏览器的大小，文本将保持居中。代码如下：

/*CSS Reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;

}

nav a {
    text-decoration: none;
    color: red;
    background-color: green;
    display: inline;
    font-size: 2em;
    border: black 1px solid;
    border-radius: .2em;
    padding: .01em;

}

nav li {
    display: inline;
    padding: .5em;

}

nav ul {
     background-color: green;
     text-align: center;
     vertical-align: center;

}

a:hover {
    color: black;
    background-color: grey;
    border: none;
}

---

我知道这并不漂亮，但我刚刚开始学习CSS。无论如何，当你上下滚动的时候，我希望这个条保持在那里，所以我添加了位置：fixed；致联邦调查局。事情就是这样。我知道我必须设置一个宽度，但是当浏览器调整大小时，文本将不会保持居中。请帮忙

您还需要添加一个宽度，如width:100%，或者可以使用left:0；右：0；将菜单拉伸到窗口的宽度

/*CSS重置*/ html、正文、div、span、小程序、对象、iframe、， h1、h2、h3、h4、h5、h6、p、块报价、预， a、 缩写，首字母缩写，地址，大，引用，代码， del、dfn、em、img、ins、kbd、q、s、samp、， 小、走向、强、次、辅助、tt、var、， b、 u，i，中心， dl，dt，dd，ol，ul，li， 字段集、表单、标签、图例、， 表格、标题、正文、tfoot、THAD、tr、th、td、， 文章、旁白、画布、细节、嵌入、， 图，figcaption，页脚，页眉，H组， 菜单、导航、输出、ruby、节、摘要、， 时间、标记、音频、视频{ 保证金：0； 填充：0； 边界：0； 字体大小：100%； 字体：继承； 垂直对齐：基线； } 导航a{ 文字装饰：无； 颜色：红色； 背景颜色：绿色； 显示：内联； 字号：2em； 边框：黑色1px实心； 边界半径：2米； 填充：.01em； } 李海军{ 显示：内联； 填充：.5em； } 导航ul{ 背景颜色：绿色； 文本对齐：居中； 垂直对齐：居中； 位置：固定； 左：0； 右：0； } a:悬停{ 颜色：黑色； 背景颜色：灰色； 边界：无； }

---

我无法从您的链接中找到捕获，请共享您的html。