`gap`

Define el espacio entre elementos dentro de un contenedor flex o grid, sin necesidad de margenes en los hijos.

Vista previa

Codigo

ejemplo.html

<style>
  .fila { display: flex; gap: 16px; }
  .item { background: #eee; padding: 10px 16px; }
</style>
<div class="fila">
  <div class="item">A</div>
  <div class="item">B</div>
  <div class="item">C</div>
</div>