Offset Prosperities

<!DOCTYPE html>
<html>

<head>
	<title>
		DOM Style offsetWidth Property
	</title>

	<style>
		#GFG {
			height: 150px;
			width: 300px;
			padding: 10px;
			margin: 15px;
			background-color: green;
		}
	</style>
</head>

<body>
	<h2>DOM Style offsetWidth Property</h2>

	<div id="GFG">
		<b>Information about this div:</b>

		<p id="demo"></p>

	</div>

	<button type="button" onclick="myfun()">
		Submit
	</button>

	<script>
		function myfun() {

			var element = document.getElementById("GFG");

			var txt = "Width including padding and border: "
			+ element.offsetWidth + "px";

			document.getElementById("demo").innerHTML = txt;
		}
	</script>
</body>

</html>