JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id='pivot'></div>
</div>

CSS

div {    
    direction:rtl;
    /*direction:ltr;  comment or uncoment it to see    */
}

JavaScript

var d = $("<div></div>");
d.css("overflow-y","scroll");
d.append('<p/>');

$('#pivot').append(d);

var x = d.find('p').position().left
d.css('display','none');

document.body.innerHTML += x;
var pos = x < 3 ? "right" : "left";
document.body.innerHTML += pos;