JSFiddle - React, Tailwind, and code Playground

by Dineshkani

HTML

<div id="firstdiv" class="sample">
    	     Hello Jquery
</div>
<div id="result"></div>

CSS

.sample{
    font-size: 35px;
    color: blue;
    position: relative;
    left: 100px;
    right: 100px;
    height: 150px;
}

JavaScript

//In Jquery

$("#result").html("Left Position - " + $("#firstdiv").position().left + "<br/><br/>");
$("#result").html( $("#result").html()+"Top Postion - " +$("#firstdiv").position().top);