Simply add text-align:center;
to the parent element of the inline-block
element.
nav {
position: fixed;
width: 100%;
}
nav ul {
width: 100%;
margin: auto;
text-align:center;
}
nav ul li {
display: inline-block;
margin: 5px 20px 5px 20px;
text-align: center;
}