<div class="flow">
  <div>Item 1</div>
  <div>Item 2</div>
  <div style="--flow-space: 5rem">Item 3</div>
  <div>Item 4</div>
</div>
.flow > * + * {
  margin-top: var(--flow-space, 1em);
}

/* Decorative styles */
body {
  padding: 1.5em;
  display: grid;
  place-items: center;
}

.flow > * {
  background: var(--color-tertiary-mid);
  min-width: 16rem;
  padding: 0.5rem;
  color: var(--color-base);
  text-align: center;
}

External CSS

  1. https://unpkg.com/modern-css-reset/dist/reset.min.css
  2. https://codepen.io/andybelldesign/pen/15713dd0e755b3da5cbb0bda5816368e.css
  3. https://codepen.io/andybelldesign/pen/035d4a2a1385000a0fa28c3d8c9e2768.css

External JavaScript

This Pen doesn't use any external JavaScript resources.