JSFiddle - React, Tailwind, and code Playground

by ecoblack

HTML

<div class="container">

    <div class="box box_left" style="text-align:right;">
        <b>Left</b>
    </div>

    <div class="box box_center">
        <b>Center</b>
    </div>

    <div class="box box_right">
        <b>Right</b>
    </div>

</div>

CSS

.container {
  border: 1px solid #000;
  padding: 1.6em;
}

.box {
  /*min-height: 200px;*/
  width: 60%;
  padding: .8em;
  border: 1px dashed #FD6C6C;
}

.box_left {
  margin: 0 auto 0 0;
}
.box_center {
  margin: 0 auto;
}
.box_right {
  margin: 0 0 0 auto;
}

.box + .box {
  margin-top: 15px;
}