JSFiddle - React, Tailwind, and code Playground

by bendaggers

HTML

<div id="page">
    <div class="col" id="left">Left</div>
    <div class="col" id="middle">Middle</div>
    <div class="col" id="right">Right</div>
</div>

CSS

#page {
    display: table;
    width: 100%;
    padding:20px;
}

#page .col {
    display: table-cell;
    vertical-align: top;
    height:65px;     
}

#left {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.85); float:left; width:auto;}

#middle {max-width:1000px; width:100%; margin:0px auto; background:#FF0;}

#right {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.85); float:left; width:auto;}