Barra de navegación por listas horizontales

Para crear una barra de navegación horizontal por listas es necesario conseguir que los elementos de la lista se pongan uno detrás de otro en la misma línea (lo normal de las listas es que aparezcan los elementos uno debajo del otro en líneas diferentes). Cada elemento será un enlace. CSS aportará el dinamismo a la barra de navegación creando los efectos. 

Código HTML de la lista - Barra de navegación 

El código HTML de la lista para hacer la barra de navegación es sencillo. Lo más complejo es aplicar las declaraciones de estilos. 

<div id="navegador">
<ul>
<li><a href="#">Elemento 1</a></li>
<li><a href="#">Elemento 2</a></li>
<li><a href="#">Elemento 3</a></li>
<li><a href="#">Elemento 4</a></li>
</ul>
</div>

---

Barra de navegación = Lista de Enlaces

Una barra de navegación necesita HTML estándar como fase inicial.

Fuente:https://desarrolloweb.com