JSFiddle - React, Tailwind, and code Playground

by mlms13

HTML

<div id="content_wrapper">
    <div id="left">Left</div>
    <div id="center">
        <p>Center<br />
        With more content than all the other columns.<br />
            This one stretches down much, much farther.</p>
        <p>Another paragraph, just to make this section even longer.</p>
    </div>
    <div id="right">Right</div>
</div>
<div id="footer">
    The Footer.
</div>

CSS

body, html {
    height: 100%;
    margin: 0;
    padding: 0;
}
#content_wrapper {
    background: #ddd;
    /*height: 100%;*/
    min-height: 100px;
    overflow: hidden;
    width: 100%;
}
#left, #center, #right {
    float: left;
    width: 33%;
}
#footer {
    background: #333;
    color:#eee;
}