Hola a todos, quisiera alinear un menu de afuera hacia adentro lo tengo dividido en 3 partes
Código:
<header>
<section>
<nav id="navIzquierda">
<ul>
<li><a href="/">Link 1</a></li>
<li><a href="/">Link 2</a></li>
<li><a href="/">Link 3</a></li>
<li><a href="/">Link 4</a></li>
<li><a href="/">Link 5</a></li>
</ul>
</nav>
<a href="/"> CSPCCJM </a>
<nav id="navDerecha">
<ul>
<li><a href="/">Link 1</a></li>
<li><a href="/">Link 2</a></li>
<li><a href="/">Link 3</a></li>
<li><a href="/">Link 4</a></li>
<li><a href="/">Link 5</a></li>
</ul>
</nav>
</section>
</header>
y quiero q se vea asi
[LINK 1][LINK 2][LINK 3][LINK 4][LINK 5] CSPCCJM [LINK 5][LINK 4][LINK 3][LINK 2][LINK 1]
siempre alineados a la izquierda o derecha segun el menu, osea q mientras mas grande la pantalla mas lejos del centro los iconos...
alguna idea de como hacerlo?