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;
}
          
🔎 Ver resultado