JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <p>This is some text</p>
</div>
<div id="position"></div>

JavaScript

var text = document.querySelector('#container p');
var output = "Top: " + text.offsetTop +
             " Left: " + text.offsetLeft +
             " Bottom: " + (text.offsetTop + text.offsetHeight) + 
             " Right: " + (text.offsetLeft + text.offsetWidth);

document.querySelector('#position').textContent = output;