JSFiddle - React, Tailwind, and code Playground

by amitava82

HTML

<div class="contentwrapper">
    
<div class="contentcolumn">
dfs
    <div class="contentwrapper">
    
<div class="contentcolumn">
dfs
</div>
</div>

<div class="rightcolumn">
sds
</div>


</div>
</div>

<div class="rightcolumn">
sdfd
        sdfd<br />
    sfsdfsdf
</div>

<div class="contentwrapper">
    
<div class="contentcolumn">
dfs
</div>
</div>

<div class="rightcolumn">
sdfd
</div>

CSS

.contentwrapper{
float: left;
width: 100%;
}

.contentcolumn{
margin-right: 200px; /*Set right margin to RightColumnWidth*/
    background: #DDD;
}

.rightcolumn{
float: left;
width: 200px; /*Width of right column in pixels*/
margin-left: -200px; /*Set left margin to -(RightColumnWidth) */
background: #FDE95E;
}