Cómo centrar una navegación basada en ul-il ??

[IsaBelM]

prueba ahora

div.horizontal {
width: 600px;
background-color: grey;
text-align: center;
height: 50px;
}

ul.horizontal {
list-style-type: none;
display: inline-block;
padding-left: 0;
}


ul.horizontal li {
display: inline-block;
background-color: navy;
color: white;
font-weight: bold;
margin: 0 auto;
padding: 0 7px;
}


<div class="horizontal ">
<ul class="horizontal">
<li>JAVASCRIPT</li>
<li>CSS</li>
<li>PHP</li>
<li>HTML 5</li>
</ul>
</div>