`align-items`

Alinea los elementos flex a lo largo del eje transversal: stretch (por defecto), flex-start, center, flex-end.

Vista previa

Codigo

ejemplo.html

<style>
  .fila { display: flex; align-items: center; height: 80px; border: 1px dashed #999; gap: 8px; }
  .item { background: #eee; padding: 8px; }
</style>
<div class="fila">
  <div class="item" style="height:20px;">Bajo</div>
  <div class="item" style="height:50px;">Alto</div>
</div>