JSFiddle - React, Tailwind, and code Playground

by Shane Hussain Naqvi

HTML

<div class="box1">left side of the page</div>
<div class="box2">right side of the page</div>
<div class="box3">center of the page </div>

CSS

.box1
{
  background-color: #ff0000;
  width: 200px;
  float:left;
}
.box2
{
  background-color: #00ff00;
  width: 200px;
  float:right;
}
.box3
{
  background-color: #0fffff;
  width: 200px;
  margin:0 auto;
}