JSFiddle - React, Tailwind, and code Playground

by ChrisStanyon

HTML

<div id="wrapper">
    <div id="header">header</div>
    <div id="innerWrapper">
        <div id="content">
            <div id="leftColumn">
                <div id="work1">Work1</div>
                <div id="work2">Work2</div>
            </div>
            
            This is the content
        </div>
    </div>
</div>

CSS

div {padding: 5px; }
#wrapper { border: 2px solid black; }
#header { background-color: brown; padding:10px; } 
#innerWrapper { border: 2px solid yellow; }
#leftColumn { float:left; width:220px;}
#work1 { border: 2px solid green; width: 200px; }
#work2 { border: 2px solid pink; width: 200px; }
#content { border: 2px solid blue;overflow:hidden; }