-----HTML-----

<div class = "navbar text-center">
<ul>
	<li><a href ="index.html">About</a></li>
	<li><a href ="skills.html">Skills</a></li>
	<li><a href ="contactme.html">Contact Me </a></li>
</ul>
</div>



-----CSS------

.navbar{
	z-index: 1000;
	position: static;
	width: 100%;
	overflow: hidden;
}
.navbar ul {
list-style-type: none;
margin: 0;
padding: 0;
top: 0;
background-color: #333;

}

.navbar li {
  display: inline;
 }

 .navbar li a {
	 padding: 1%;
 color: #000;
 width: 33.333%;
 text-decoration: none;
 display: inline-block;
 float: left;
 background-color: white;
 color: black;
 font-size: 200%;
 }

.navbar li a:hover{
background-color: #cccccc;
}

.navbar .active{
background-color: #4CAF50;
}