JSFiddle - React, Tailwind, and code Playground

by helgatheviking

HTML

<div id="main">
  <div id="one" class="block"></div>
  <div id="two" class="block"></div>
  <div id="three" class="block"></div>
  <div id="four" class="block"></div>
</div>

CSS

#main {
  position: relative;
}

.block {
  width: 50%;
  height: 30px;
  float: left;
  clear: left
}

#one {
  background: red;
}

#two {
  background: blue;
}

#three {
  background: yellow;
}

#four {
  background: green;
  float: right;
  position: absolute;
  top: 0;
  right: 0;
}