JSFiddle - React, Tailwind, and code Playground

by kritya

HTML

<div id="column_container">
    <div id="left_column">Left</div>
    <div id="center_column">Centre</div>
    <div id="right_column">Right</div>
</div>

CSS

#column_container
{
    width:1250px;
    height:auto;
    position:fixed;
    border-style:solid;
    border-width:2px;
}

#left_column
{
    float:left;
    width:416px;
    border-right-style:solid;
    border-right-width:1px
}

#right_column
{
    float:left;
    width:416px;
    border-left-style:solid;
    border-left-width:1px
}

#center_column
{
    float: left;
    width: 416px;
    
}