JSFiddle - React, Tailwind, and code Playground

by Drackir

HTML

<div id="container">
    <div id="inner_left">Left!</div>
    <div id="inner_right">Right!</div>
</div>
<br /><br /><br /><br />
<div id="contentwrapper">
    <div id="contentcolumn">
        <div class="innertube"><b>Content Column: <em>Fluid</em></b></div>
    </div>
</div>
<div id="leftcolumn">
    <div class="innertube"><b>Left Column: <em>200px</em></b></div>
</div>

CSS

#container{
width:100%
        border:1px solid red;
}

#inner_left{
float:left;
max-width:200px;
    border:1px solid blue;
}

#inner_right{
float:left;
width:100%; 
    border:1px solid green;
}


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

#contentcolumn{
margin-left: 200px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 200px; /*Width of left column*/
margin-left: -100%;
background: #C8FC98;
}