alinear menu de afuera hacia el centro

[difilippocarlos]

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?

[pzin]

Puedes flotar los elementos del segundo menú:

Código CSS:

#navDerecha li {
  float: right;
}
 

Y así te aparecerán al revés.