css menu center of screen

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>