JSFiddle - React, Tailwind, and code Playground

by Alex Slepenkov

HTML

<div class="wrapper">
<div class="left block">
  <p>
  111111
  </p>
</div>
<div class="center block">
<p>
  111111
  </p>
</div>
<div class="right block">
  <p>
  111111
  </p>
</div>
</div>

CSS

.wrapper{
  width:80%;
  margin:0 auto;
  height:100px;
}
.block{
  display:inline-block;
  margin:0 auto;
  border:2px solid red;
}
.left{
  width:200px;
   max-width:20%;
}
.center{
  width:50%;
}
.right{
  width:200px;
  max-width:20%;
}