JSFiddle - React, Tailwind, and code Playground

by yiminghe

HTML

a
<div id="t" style="-webkit-transform:translateX(100px);transform:translateX(100px);">t</div>
<div id="r" style='position:relative;left:100px'>r</div>
    b

JavaScript

console.log(document.getElementById('t').getBoundingClientRect().left);
console.log(document.getElementById('r').getBoundingClientRect().left);