Offset Prosperities

<!DOCTYPE html>
<html>

<head>
	<style>
		#offsetdiv {
			top: 80px;
			margin: 20px;
			padding: 10px;
			width: 350px;
			position: absolute;
			border: 5px solid green
		}
	</style>
</head>

<body>
	<h3> Close Tag </h3>
	<h3>HTML DOM offsetTop property</h3>
	<div id="offsetdiv">

		
<p>
			<button onclick="myfunction()">Try it</button>
		</p>

		
<p>offsetTop is: <span id="demo"></span></p>

	</div>
	<script>
		function myfunction() {
			var x = document.getElementById("offsetdiv");
			document.getElementById("demo").innerHTML =
			offsetdiv.offsetTop;
		}
	</script>

</body>

</html>