En HTML
Definimos una clase en el elemento
:Bienvenido a mi sitio
Este es un ejemplo de uso de Flexbox.
La clase se llama presentacion (sin tilde ni espacios, siguiendo buenas prácticas).
En CSS
Aplicamos Flexbox a la clase:
.presentacion {
display: flex; /* Activa el modo Flexbox /
align-items: center; / Alinea los elementos en el eje transversal (vertical si la dirección es fila) */
}
¿Qué conseguimos?
Con display: flex; → todos los elementos hijos directos de
se organizan en un contenedor flexible.Con align-items: center; → los elementos se alinean verticalmente en el centro del eje transversal.
Resultado:
El título, el párrafo y la imagen dentro de
