JSFiddle - React, Tailwind, and code Playground

by ponyspy

HTML

<div class="box">
  <div class="item left">left</div>
  <div class="item center">center</div>
  <div class="item right">right</div>
</div>

CSS

.box {
  width: 80%; 
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.item {
  float: left;
  position: relative;
}

.center {
  width: 60%;
  text-align: center;
  background-color: grey;
}

.left, .right {
  width: 20%;
  background-color: green;
}