OVERLAY DIV OVER ANOTHER
Run 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HTML</title>
<style>
	.container {
	  display: grid;
	}
	.inner, .outer {
	  grid-area: 1 / 1;
	}
	.inner {
	 margin: 10px;
	}

	
</style>
</head>
<body>
    <h2> Overlay one div over another </h2>
    <div class="container">
	  <div class="outer"><h2> Outer div </h2></div>
	  <div class="inner"><h3>Inner div</h3></div>
	</div>

</body>
</html>