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;

"Hola mundo"

Mi nombre es Reyes y soy, entre otras cosas, estudiante de 2º curso de Desarrollo de Aplicaciones Web.

¿Por qué este blog? Pues sinceramente, lo comienzo debido a gracias a la sugerencia de una de mis profesoras de crear un espacio personal donde plasmar lo que vamos aprendiendo. Creo recordar que ella lo sugirió y los alumnos/a callamos, así que aquí estoy otorgando.

Espero que este 2º de DAW me deje algo de tiempo para poder compartir todo lo que voy aprendiendo en este blog, al menos todo lo interesante, que parece que no será poco.

Hasta la próxima! :)