JSFiddle - React, Tailwind, and code Playground

HTML

<main>
  <div class="d1"></div>
  <div class="d2"></div>
  <div class="d3"></div>
</main>

CSS

main {
  display: flex;
  justify-content: flex-start;
  background: #fff;
  padding: 10px 0;
}
div {
  width: 100px;
  height: 100px;
  border: 2px solid green;
}
.d1 {
  margin-left: 20px;
}
.d3 {
  margin-left: auto;
}