JSFiddle - React, Tailwind, and code Playground

by Suhaib Janjua

HTML

<div id="container">
   <div id="left">float left</div>
   
   <div id="middle">float left</div>

   <div id="right">Remaining width Remaining width Remaining width Remaining width Remaining width Remaining width Remaining width Remaining width Remaining width Remaining width Remaining width Remaining width Remaining width Remaining width Remaining width Remaining width</div>
</div>

CSS

div#container{
    width:100%;
}

div#left{
   float:left; 
   width:100px; 
   color:white; 
   background:blue; 
}

div#middle{
   float:left; 
   width:100px; 
   color:white; 
   background:red;   
}

div#right{ 
   width:auto;
   color:white; 
   background:green;
   padding-left: 200px;
}