JSFiddle - React, Tailwind, and code Playground

by Sasá Rafalsky

HTML

<div class="caja">
  <div class="elemento1">Elemento 1</div>
  <div class="elemento2">Elemento 2</div>
  <div class="elemento3">Elemento 3</div>
</div>

CSS

.caja {
  display: flex;
  flex-direction: column;
}

.elemento1 {
  margin-bottom: 10px; /* Espacio entre el primer y el segundo bloque */
}

.caja > div:not(:first-child) {
  display: flex;
  justify-content: space-between; /* Distribuye uniformemente los elementos */
}