JSFiddle - React, Tailwind, and code Playground

HTML

<div class="position1"></div>
<div class="position2"></div>

<div class="result">
    <span class="off1"></span><br>
    <span class="pos1"></span>
</div>
<br><br>
<button>Set Offset</button>

CSS

body 
{
    border: 20px solid black;
}

.position1,
.position2
{
    width: 100px;
    height: 100px;
    background: silver;
    display: inline-block;
}

.position2
{
    background: gray;
    position: absolute;
    left: 130px;
}

.result {
    position: absolute;
    right: 250px;
    bottom: 20px;
    display: inline-block;
}

JavaScript

var ofs = $(".position1").offset();
var pos = $(".position1").position();

$(".off1").text("Offset: " + ofs.top + " : " + ofs.left);
$(".pos1").text("Position: " + pos.top + " : " + pos.left);

$("button").click(function() {
    $(".position2").css(ofs);
});