Menu Horizontal en HTML con listas y CSS

Existen diferentes maneras de crear un menu en HTML con o sin ayuda de Hojas de estilo. En este caso abarcaremos como hacer un menu horizontal con listas.

Utilizando estilos CSS podemos remover la imagen que indica la lista y podemos ubicar de manera horizontal cada elemento de la lista, para asi tener como resultado un menu. Los estilos que usaremos son:

• float – permite sacar a un elemento del flujo del documento, y posicionarlo a la izquierda o derecha de otros elementos. En el caso de la lista ubicara cada inciso de la lista a la derecha del anterior.
• padding - permite agregar un relleno a cada elemento de manera que no queden encimados los elementos.
• list-style-type - esta propiedad nos permite cambiar la imagen de la lista o en este caso para el menu, removerla.

Seguir leyendo