Читать книгу El gran libro de HTML5, CSS3 y Javascript - Diego Gauchat Juan - Страница 86

A veces puede resultar útil alinear las cajas independientemente de la alineación establecida por sus elementos padres o contenedores. La propiedad de align-self funciona exactamente igual align-items, pero para elementos hijos.

Código 2-53

Cambio de alineación para caja2.

Las reglas CSS del Código 2-53 alinean los elementos en la parte inferior del contenedor flexible, pero la propiedad align-self desplaza el elemento de caja2 al centro, tal como se muestra en la Figura 2-21.

Figura 2-21

Usar align-self para alinear una caja en particular.