<div>
<p>Hello</p>
</div>
<p></p>
div {
padding: 15px;
}
p {
margin-left: 10px;
}
(function( $ ) {
var p = $( "p:first" );
var position = p.position();
$( "p:last" ).text( "left: " + position.left + ", top: " + position.top );
})(jQuery);
This Pen doesn't use any external CSS resources.