JSFiddle - React, Tailwind, and code Playground

by qolami

HTML

<div id="container">
    <div id="header">Header</div>
    <span id="leftcol">
        Text1
    </span>
    <span id="rightcol">
        Text3
    </span>  
    <div id="centercol">
        Text2
    </div>
    <div id="footer">Footer</div>
</div>

CSS

#container {
    overflow:hidden;
    width: 100%;
    min-width: 940px;
    /* float: left; */
}

#leftcol {
    border: 1px solid #0f0;
    float: left;
    width: 200px;
}

#rightcol {
    border: 1px solid #0f0;
    float: right;
    width: 250px;
}

#centercol {
    border: 1px solid #000;
    margin-left: 200px;
    margin-right: 250px;
}

#header, #footer {
    border: 1px solid pink;
}