Desplegable

Este trocito de código hace que se despliegue el menú.

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #333;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
	background-color: #f1f1f1;
}

.dropdown:hover .dropdown-content {
  display: block;
}

Después de añadirlo a nuestra hoja de estilo, tenemos que modificar nuestro fichero index.html. Quedará así:

<header>
	<ul class="topnav">
		<li><a class="active" href="#">Inicio</a></li>
		<li class="dropdown"><a href="#">Ítem 1</a>
			<div class="dropdown-content">
			<a href="#">Sub 1</a>
			<a href="#">Sub 2</a>
			</div>
		<li><a href="#">Ítem 2</a></li>
		</li>
		<li class="right"><a href="#">Ítem 3</a></li>
	</ul>
</header>

¡Gracias!

Y hasta aquí el tuto para crear esta web. Solo faltaría llenarla de contenido y buscarle un servidor que pueda alojarla. ¡Saludos y vivan las MiniWebs!