Colocar texto a la derecha en un pie de página flexible usando propiedades Flex

Al intentar alinear a la derecha el texto dentro de un contenedor flexible usando la propiedad flotante , puede encontrar problemas. Esto se debe a que la propiedad float no es compatible con los contenedores flexibles.

Según la especificación de flexbox, "float y clear no crean flotación o espacio libre para el elemento flexible, y no lo sacan del flujo. " En cambio, establece un nuevo "contexto de formato flexible" para su contenido, lo que significa que los elementos flotantes se ignoran y los márgenes no colapsan con el contenido del contenedor.

Para colocar el texto en la posición correcta en un pie de página configurado para visualización flexible, utilice propiedades flexibles en su lugar. La propiedad justify-content se puede utilizar para alinear elementos horizontalmente dentro del contenedor. Por ejemplo, en el fragmento de código proporcionado:

footer {
    display: flex;
    justify-content: flex-end;
}

Este código alineará a la derecha el espacio que contiene el texto "foo link" dentro del elemento de pie de página.