Offset Prosperities

<!DOCTYPE html>
<html>
	<head>
		<title>
			DOM offsetLeft Property
		</title>
		
		<style>
			#GFG {
				height: 50px;
				width: 200px;
				padding: 10px;
				background-color: green;
			}
		</style>
	</head>
	
	<body>
		<h2>
			DOM Style offsetLeft Property
		</h2>	
			
		<div id = "GFG">
			<b>Information about this div:</b><br>

			<p id = "demo"></p>
		</div><br>
		
		<button type = "button" onclick = "myfun()">
			Submit
		</button>
			
		<script>
			function myfun() {
				var testDiv = document.getElementById("GFG");

				document.getElementById("demo").innerHTML
					= "offsetLeft: "+ testDiv.offsetLeft;
			}
		</script>
	</body>
</html>