JSFiddle - React, Tailwind, and code Playground

by Emre Erkan

HTML

<div id="A">
<p>HELLO A</p>
</div>
<div id="B">
<BR></BR>
<p>HELLO B</p>
</div>

CSS

html, body {
    position:absolute; 
    top:0;
    right:0;
    margin:0px;
    padding:0px 0px 0px 0px;
    height:100%;
    width:100%;
}
div {
    position:absolute;
    margin:0px;
    padding:0px 0px 0px 0px;
}

JavaScript

jQuery(function($) {
    var A_height = 100;
    var A_width = 100;
    var A_top = 20;
    var A_left = 20;
    var B_height = 200;
    var B_width = 200;
    var B_top = 200;
    var B_left = 200;
    jQuery("#A").css({ "width": A_width, "height": A_height, "border":'1px solid black'});
    jQuery("#B").css({ "width":B_width, "height":B_height, "border":'1px solid black'});
    jQuery("#A").offset({top: A_top, left: A_left});
    jQuery("#B").offset({top: B_top, left: B_left});
});