Alineación en flujo normal

align-content ya funciona también en contenedores de bloque, sin flex ni grid. Permite centrar verticalmente el contenido de una caja con una sola declaración.

normal (predeterminado): el contenido empieza arriba, como siempre.
center: centra verticalmente todo el contenido dentro del bloque.
end: coloca el contenido al final del bloque.
Solo se nota cuando el bloque es más alto que su contenido, por ejemplo con height o min-height.

Ejemplo

El contenedor es un bloque normal con altura fija. Cambia align-content para mover su contenido sin convertirlo en flex ni grid.

Selecciona align-content:

normalcenterend

ResultadoEn vivoAncho del contenedor100%

html

<div class="container">
  <div class="child">content</div>
</div>

<div class="container">
  <div class="child">content</div>
</div>

css

.container {
  border: 1px solid #2b7de0;
  align-content: normal;
  display: block;
  height: 12rem;
  padding: 0.5rem;
}

.child {
  padding: 1rem;
}

.container {
  border: 1px solid #2b7de0;
  align-content: normal;
  display: block;
  height: 12rem;
  padding: 0.5rem;
}

.child {
  padding: 1rem;
}

Edita el código o usa los selectores: el resultado cambia al instante.