JSFiddle - React, Tailwind, and code Playground

by Juri Rudi

HTML

<div id="id_div">
	<p id="id_paragrafo">Questo è uno <span id="id_span">span</span></p>
</div>
<button id="id_button_position">position</button>
<button id="id_button_p">GET offset</button>
<button id="id_button_span">SET offset</button>

CSS

#id_div {
	border: 1px solid black;
}

#id_paragrafo {
	border: 1px solid black;
	margin: 10px;
}

JavaScript

$("#id_button_position").click(function(){
	var coordinate = $("#id_paragrafo").position();
	alert(coordinate.top + " " + coordinate.left);
});
$("#id_button_p").click(function(){
	var coordinate = $("#id_paragrafo").offset();
	alert(coordinate.top + " " + coordinate.left);
});
$("#id_button_span").click(function(){
	$("#id_span").offset({top: 32, left:8});
});