JSFiddle - React, Tailwind, and code Playground

HTML

<main>
  <div class="one">
    <div>
      12345
    </div>
    <div>
      12345678
    </div>
  </div>
  <div class="two">
    <div>
      1234
    </div>
    <div>
      1234567
    </div>
  </div>
</main>

CSS

main {
  display: flex;
  width: 200px;
  background: black;
}

div > div {
  padding: 5px;
  margin: 5px;
  background: green;
}