html nav 置顶居中,如何让我的<nav>栏始终在页面中居中使用CSS3？

而且我怎样才能让颜色伸展过去呢？ (我知道我需要更改列表项目的背景颜色，但似乎没有其他工作)。

这里是我的CSS代码：

#nav {font-family: journalregular;

width: 90%;

box-shadow: 0px 7px 22px -6px rgba(0,0,0,0.75);}

#nav ul {

list-style: none;

padding: 0;

margin: 0;

background:#ffffff;

}

#nav a {

font-weight: bold;

font-size: 250%;

color: black;

text-decoration: none;

cursor: default;

}

#nav li li a {

display: block;

font-weight: normal;

font-size: 180%;

font-weight: bold;

color: black;

padding: 10px 10px;

}

#nav li li a:hover {cursor:pointer;

background: pink;}

#nav li {

display: inline-table;

position: relative;

width: 10em;

text-align: center;

cursor: default;