html nav 置顶居中,CSS / HTML试图使nav ul元素居中

我只是在试图练习jsfiddle，我遇到了一个我无法解决的问题。所以希望你们中的一些人可以在这里帮助我一点。对于CSS的基础知识来说，这似乎是一个如此愚蠢的问题，但出于某种原因，这个问题让我有了。

基本上我在jsfiddle上创建了一个通用导航，我需要以ul元素为中心。我不确定为什么他们会卡在屏幕的左侧。

CSS和HTML如下：

＆＃13;

＆＃13;

body {

background-color: #45859E;

font-family:'Open Sans', sans-serif;

font-style: normal;

font-weight: 400;

font-size: 12px;

margin: 0;

padding: 0;

}

ul {

padding: 0;

margin: 0 auto;

}

a:link {

text-decoration: none;

}

h3 {

padding: 5px;

margin: 0;

}

header {

width: 100%;

background-color: #FFF;

margin: 0 auto;

border-bottom: solid 5px #00729B;

}

#nav {

margin: 0 auto;<