Ejercicio CSS 4

📋 Ejercicio 4: Menú de navegación horizontal

📌 Planteamiento:

Diseña un **menú de navegación horizontal** usando CSS que cumpla con lo siguiente:

• ✅ Los elementos deben estar en una sola línea (horizontal).
• ✅ El fondo del menú debe ser de color oscuro (#333).
• ✅ Los enlaces deben ser blancos y cambiar a un color diferente al pasar el mouse.
• ✅ El menú debe ocupar todo el ancho de la pantalla.

👉 Escribe el **CSS necesario** para que un menú HTML simple cumpla estas condiciones.

✅ Modelo de solución CSS:

nav {
  background-color: #333;
  padding: 10px 0;
  text-align: center;
}

nav a {
  color: #fff;
  text-decoration: none;
  padding: 10px 20px;
  display: inline-block;
}

nav a:hover {
  background-color: #555;
}
    

🎯 Claves de este ejercicio:

• 📍 Cómo usar **display: inline-block** para poner elementos en línea.
• 📍 Cómo cambiar colores con **hover**.
• 📍 Creación de un menú adaptable y limpio.