JSFiddle - React, Tailwind, and code Playground

by sendil J

HTML

<div id="main">
  <div id="left"></div>
  <div id="middle"></div>
  <div id="right"></div>
    
</div>

CSS

#main{
    min-width:300px;
    height:150px;
    border:1px solid #eee;
}
#left{
    float:left;
    width:100px;
    height:150px;
    background-color:#2ef;
}
#right{
    float:right;
    width:100px;
    height:150px;
    background-color:#2ef
}
#middle{
   
    width:auto;
    height:150px;
    margin: 0px 100px;
    background-color:#f22;
}