CSS

`justify-content`

Distribuye los elementos flex a lo largo del eje principal: flex-start, center, space-between, space-around, entre otros.

Vista previa

Codigo

ejemplo.html

<style>
  .fila { display: flex; justify-content: space-between; border: 1px dashed #999; padding: 6px; }
  .item { background: #eee; padding: 8px 14px; }
</style>
<div class="fila">
  <div class="item">Izquierda</div>
  <div class="item">Derecha</div>
</div>