Ejercicio 2 – Menú de navegación horizontal

📄 Objetivo

Crear un menú horizontal alineado y limpio usando Flexbox.

💻 HTML base

<nav class="menu">
    <a href="#">Inicio</a>
    <a href="#">Servicios</a>
    <a href="#">Contacto</a>
</nav>
          

🎯 Requisitos CSS

• Los enlaces deben mostrarse en línea
• Deben tener separación uniforme
• El menú debe estar alineado horizontalmente
• El contenido debe estar centrado verticalmente

✅ Solución (CSS)

.menu {
    display: flex;
    justify-content:center;
    gap: 20px;
    align-items: center;
    background-color: #333;
    height: 60px;
    padding: 0 20px;
}

.menu a {
    color: white;
}