Menú horizontal con CSS

En esta entrada se explicará cómo crear una barra horizontal con un menú utilizando HTML y CSS, algo de este tipo:



En un documento html tendremos una lista del tipo ul en el que indicamos la ruta de nuestro css. En mi caso ambos documentos se encuentran en la misma carpeta, por lo que la ruta será: './estilos.css'



El código de estilos.css es el siguiente:



Evidentemente, hay elementos en el código que influyen en el estilo del menú. Lo esencial para que la lista quede horizontalmente es:

• display: inline;