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;
	margin-left: auto;
  order: 2;
}

.inner_left {
  background: yellow;
  order: 1;
}