JSFiddle - React, Tailwind, and code Playground

by no1uknow

HTML

<div id="page_container">container
    <div id='43' class='chartdiv1' style='border:1px solid #000;  height: 200px; position:relative;'>
        <div id="517" style="vertical-align: top; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: list-item; height: 300px; position: absolute; top: 0px; left: 0px; width: 300px;">div a</div>
        <div id="518" style="vertical-align: top; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: list-item; height: 300px; position: absolute; top: 50px; left: 50px; width: 300px;">div a - nested div a</div>
    </div>
    <div id='41' class='chartdiv2' style='border:1px solid #000; height: 200px; position:relative;'>
        <div id="519" style="vertical-align: top; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: list-item; height: 300px; position: absolute; top: 0px; left: 0px; width: 300px;">div b</div>   
        <div id="520" style="vertical-align: top; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: list-item; height: 300px; position: absolute; top: 20px; left: 100px; width: 300px;">div b - nested div b</div>
    </div>

  
</div>

CSS

#page_container{

border:1px solid #000000;
background-color: yellow;

}