Edit in JSFiddle

<ul>
  <li><a href="#">top</a></li>
  <li><a href="#">information</a></li>
  <li><a href="#">profile</a></li>
</ul>

ul{
  list-style-type: none;
  text-align: center;
}
ul li {
  display: inline-block;
  margin-right: 20px;
  background: #000;
  padding: 5px 10px;
}
ul li a{ 
  display: block;
  color: #fff;
  text-decoration: none;
}