JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
  <div class="column align-left">
    <div class="left"></div>
  </div>
  <div class="column">
    <div class="center"></div>
  </div>
  <div class="column"></div>
</div>

CSS

.parent {
  text-align: center;
}
.column {
  float: left;
  width: 33.33%;
}
.align-left {
  text-align: left;
}
.left {
  display: inline-block;
  width: 100px;
  height: 60px;
  background: red;
}
.center {
  display: inline-block;
  width: 50px;
  height: 70px;
  background: blue;
}