JSFiddle - React, Tailwind, and code Playground

by anoopsuda

HTML

<div class="parent">
  <div class="left-item">Left</div>
  <div class="right-item-1">R1</div>
  <div class="right-item-2">R2</div>
</div>

CSS

.parent {
  display: flex;
  align-items: center;
}.parent > div {
  border:solid 1px red;
}

.right-item-1 {
  margin-left: auto; /* pushes both right items to the right */
}