HORIZONTALLY CENTER THE WEBSITE
Run 
<!DOCTYPE html>
<html lang="en">
<head>
  <title>HTML </title>
<style>
    body {
	  background-color: #cccccc;
	}
    .container {
	   display: block;
	   max-width: 500px; /* resize to max-width to see effect */
	   margin: auto; /* center the website */
	   background-color: white;
	   font-size: 20px;
	   max-height: 500px;
	}
}
</style>
</head>
<body>
	<div class="container">
		<h2> Horizontally center website </h2>
		<h2> we have centered it vertically too </h2>
		<h3> Resize the browser to see the effect </h3>
		<p> Adding some content </p>
		<p> Adding some content </p>
		<p> Adding some content </p>
		<p> Adding some content </p>
		
	</div>
	
</body>
</html>