JSFiddle - React, Tailwind, and code Playground

HTML

<span id='desc'></span>

<div id="content" style="position:relative;left:10px;top:100px;width:400px;height:300px;border:1px solid red;">
    <p></p>
   <div>
      <p>
          jquery : position
      </p>
       
      <div id="ch" style="position:absolute;border:1px solid blue;">skyand96.com</div>
   </div>
</div>

JavaScript

var p = $( "#ch" );
var position = p.position();

$('#desc').text( "content's position =>  left: " + position.left + ", top: " + position.top );