Menu Navigation Bar With Icon

HTML

<div class='conteiner'>

<nav class='contoh'>
 <ul>
  <li><a href="https://mastamvan.blogspot.com"><i class="fa fa-home" aria-hidden="true"></i> Home</a></li>
  <li><a href="https://mastamvan.blogspot.com"><i class="fa fa-cloud-download" aria-hidden="true"></i> Download</a></li>
  <li><a href="https://mastamvan.blogspot.com"><i class="fa fa-gamepad" aria-hidden="true"></i> Game</a></li>
  <li><a href="https://mastamvan.blogspot.com"><i class="fa fa-code" aria-hidden="true"></i> Tutorial</a></li>
  <li><a href="https://mastamvan.blogspot.com/search/label/Tips Dan Trik"><i class="fa fa-comments" aria-hidden="true"></i> Comments</a></li>
</ul> 
</nav>

</div>

CSS

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);
body {
  font-family: 'Open Sans', sans-serif;
  margin: 0;
  padding: 0;
  position: relative;
  line-height: normal;
}
.conteiner {
    position: relative;
    padding: 15% 1em;
}
nav.contoh {
  display: block;
  position: relative;
  background: #00bcd5;
}
nav.contoh ul{
  margin: 0 auto;
  padding: 0;
  text-align: center
}
nav.contoh ul li{
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}
nav.contoh ul li a{
  padding:1em 0.5em;
  text-decoration: none;
  display: block;
  color: #fafafa
}
nav.contoh ul li a:hover {
    background-color: #2bc9de;
}