JSFiddle - React, Tailwind, and code Playground

by hrabinowitz

HTML

<div class="container">
  <div class="column-center">Column center</div>
  <div class="column-left">Column left</div>
  <div class="column-right"><span>Column</span> <span>right</span></div>
</div>

CSS

.column-left {
  float: left;
  width: 33.333%;
}

.column-right {
  float: right;
  width: 33.333%;
  text-align: right;
  background-color: yellow;
}

.column-center {
  display: inline-block;
  width: 33.333%;
}