JSFiddle - React, Tailwind, and code Playground

by Evan Raskob

HTML

<ul class="colwrapper">
  <li class="ltcol"></li>
  <li class="ctcol"></li>
  <li class="rtcol"></li>
</ul>

CSS

.colwrapper {
  width:1020px;
  height:100px;
}
.ltcol, .ctcol, .rtcol {
  width:300px;
  height:100%;
  margin:0 10px;
  padding:10px;
}
.ltcol, .ctcol {
  float:left;
}
.rtcol {
  float:right;
}
.ltcol {
  background: red
}
.ctcol {
  background: blue
}
.rtcol {
  background: green
}