JSFiddle - React, Tailwind, and code Playground

by btevfik

HTML

<div class="container">
    <div class="div1">A
    </div>
     <div class="div2">B
    </div>
     <div class="div3">C
    </div>
</div>

CSS

body{
    margin:0;
}
.container {
    height:20px;
    position:relative;
}

.div1 {
   width: 40px;
   position:absolute;
    left:0;
   border:1px solid blue;
}

.div2 {
    width: calc(100% - 120px);
    position:absolute;
    left:40px;    
    border:1px solid red;
}


.div3 {
      width: 75px;
      position:absolute;
     right:0;
      border:1px solid yellow;
}