JSFiddle - React, Tailwind, and code Playground

by Ronny

HTML

<div id="block-disqus-disqus_comments">
    Disqus comments...
    <div id="nested-example"></div>
</div>

CSS

body {direction: rtl;}

#nested-example {background: green; height: 50px; margin-bottom: 10px;}

JavaScript

var dsqEl = document.getElementById('block-disqus-disqus_comments');
var direction = window.getComputedStyle(dsqEl, null).getPropertyValue('direction') == 'ltr' ? 'Left' : 'Right';
var d = 'margin'+direction;
document.getElementById('nested-example').style['margin'+direction] = '24px';