JSFiddle - React, Tailwind, and code Playground

HTML

<div class="yellow"></div>
<div class="magenta"></div>

CSS

body {
  padding: 10px;
}
div {
  width: 66%;
  height: 50px;
  border: 1px solid #8d8d8d;
  margin-bottom: 10px;
}
.yellow {
  margin-right: auto;
  background-color: #fefd8f;
}
.magenta {
  margin-left: auto;
  background-color: #f6ccfc;
  margin-top: 10px;
}