JSFiddle - React, Tailwind, and code Playground

by chrisfrisina

HTML

<div class="app">App
    <div class="resume">Resume
        <div class="others">other nested templates
            <div class="more">more nested templates
            </div>
        </div>
    </div>
    <div class="tooltable">Tooltable
        
    </div>
</div>

CSS

.app{
    background: red;
    clear: left;
    /* display: inline-block; */
}
.resume{
    background: orange;
    width: 70%;
    margin: 1%;
    display: inline-block;
}
.tooltable{
    display: inline-block;
    background: orange;
    margin: 1%;
    width: 20%
}
.others{
    background: yellow;
    margin: 1%;
}
.more{
    background: green;
    margin: 1%;
}