JSFiddle - React, Tailwind, and code Playground

by Dineshkani

HTML

<p>Online Examples</p>
<div id="firstdiv" class="sample">
    	     Hello Jquery
</div>

<div id="results"></div>

CSS

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

JavaScript

//In Jquery


$("#results").html("Offset() method:  <br/><br/>Left Position - " + $("#firstdiv").offset().left + "<br/><br/>");
$("#results").html( $("#results").html()+"Top Postion - " +$("#firstdiv").offset().top);