CENTER THE NAVBAR

Run
<!DOCTYPE html>
<html lang="en">
<head>
 <title>HTML </title>
 <style>
    /* Add a black background color to the top navigation */
	.navbar {
	  background-color: #CCCCCC;
	  overflow: hidden;
	 width: 400px;
	  margin: auto;
	}

	/* Style the links inside the navigation bar */
	.navbar a {
	  float: none;
	  color: black;
	  text-align: center;
	  padding: 14px 16px;
	  text-decoration: none;
	  font-size: 20px;
	 
	}
	h2 {
	   text-align: center;
	}

 </style>
</head>
<body>
   <div class="navbar">
	  <a class="active" href="#">Home</a>
	  <a href="#about">About</a>
	  <a href="#contact">Contact</a>
	</div>
	<h2> Here we have successfully centered a navbar </h2>

</body>
</html>