center nav bar css

1div#nav{
2  text-align: center;
3}
4div#nav ul{
5  display: inline-block;
6}
7

1/* css code */
2.container{            
3  top: 50%;
4  left: 50%;
5  transform: translateX(-50%) translateY(-50%);
6  position: absolute;
7}
8
9/* html code */
10<div class="container">
11    <li><a href="#" class="link">Home</a></li>
12    <li><a href="#" class="link">About Us</a></li>
13    <li><a href="#" class="link">Services</a></li>
14    <li><a href="#" class="link">Gallery</a></li>
15    <li><a href="#" class="link">Contact</a></li>
16</div>

1#nav ul {
2    display: inline-block;
3    list-style-type: none;
4}
5