JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer">
  <div class="inner_right">
    RIGHT MIDDLE
  </div>
  <div class="inner_left">
   LEFT MIDDLE
  </div>
</div>

CSS

.outer {
  background: red;
  height: 300px;
  display: flex;
  align-items: center;
}
.inner_right {
  background: blue;
  float: right;

}

.inner_left {
  background: yellow;
  float: left;
}