Flexbox di Tailwind sangat intuitif:

<div class="flex items-center justify-between gap-4">
  <span>Kiri</span>
  <span>Kanan</span>
</div>

Container: flex, inline-flex Direction: flex-row, flex-col, flex-row-reverse, flex-col-reverse Wrap: flex-wrap, flex-nowrap Justify (main axis): justify-start, justify-center, justify-end, justify-between, justify-around, justify-evenly Align (cross axis): items-start, items-center, items-end, items-stretch, items-baseline Gap: gap-1, gap-2, gap-4, gap-x-4, gap-y-2 Item properties: flex-1, flex-grow, flex-shrink-0, order-1