<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);

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js