Edit in JSFiddle

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

ul {
  list-style-type: none;
  letter-spacing: -1em;
  width: 100%;
  padding: 0;
}
ul li {
  display: inline-block;
  letter-spacing: 0;
  margin-top: 20px;
  margin-right: 20px;
  width: calc((100% - 20px) / 2);
  background: #000;
  text-align: center;
}
ul li:nth-child(2) {
  margin-right: 0;
}
ul li:last-child {
  margin-right: 0;
}
ul li a {
  display: block;
  text-decoration: none;
  color: #fff;
}