JSFiddle - React, Tailwind, and code Playground

by ryanwfiorini

HTML

<div id="mainContainer">
    <div id="leftCol"><div>
    <div id="centerCol">me</div>
    <div id="rightCol">hi ryan the test</div>
</div>

CSS

#mainContainer {
    background-color:#000; 
    width: 1000px;
    overflow:hidden;
}

#leftCol {
    border: 1px solid red;
    color:#fff;
    height:500px;
    width:200px;
    float:left;
    background:#fff url('https://encrypted-tbn2.google.com/images?q=tbn:ANd9GcRzd_EsGFLKwdS2cdj2PinzpUJFsx_uiScCgEgUHdov6SIKSJtdEA') repeat;
    display:block;
    position:relative;
}

#centerCol {
    color:#fff;
    width:200px; 
    height:500px; 
}

#rightCol{
    border: 1px solid green;
    color:#fff;
    height:500px;
    width:200px;
    float:right;
    background:#fff url('https://encrypted-tbn2.google.com/images?q=tbn:ANd9GcRzd_EsGFLKwdS2cdj2PinzpUJFsx_uiScCgEgUHdov6SIKSJtdEA') repeat;
}