Ejercicio 4 – Footer con elementos distribuidos

📄 Objetivo

Distribuir elementos dentro de un footer de forma clara y equilibrada.

💻 HTML base

<footer class="footer">
    <p>© 2026</p>
    <p>Política de privacidad</p>
    <p>Contacto</p>
</footer>
          

🎯 Requisitos CSS

• Los elementos deben estar en una sola fila
• Deben ocupar el ancho completo del footer
• El espacio entre ellos debe repartirse automáticamente
• El contenido debe estar centrado verticalmente

✅ Solución (CSS)

.footer {
    display: flex;
    justify-content: space-between; 
    align-items: center;
    background-color: blue;
}