Ver Mensaje Individual
  #1 (permalink)  
Antiguo 16/07/2015, 14:32
Avatar de jc_moj
jc_moj
 
Fecha de Ingreso: septiembre-2009
Ubicación: Andalucía
Mensajes: 137
Antigüedad: 14 años, 8 meses
Puntos: 12
flex, alinear elementos

Hola

No sé si se puede hacer lo que pretendo, tengo una lista que con flex la pongo como un menú horizontal en la parte superior alineado a la derecha:

Código HTML:
Ver original
  1. <ul class="menu-superior">
  2.   <li>Opción 1</li>
  3.   <li>Opción 2</li>
  4.   <li>Opción 3</li>
  5.   <li>Opción 4</li>
  6. </ul>

Código CSS:
Ver original
  1. .menu-superior {
  2.   display: flex;
  3.   justify-content: flex-end;
  4.   align-items: center;
  5.   list-style: none;
  6. }

Vale, queda como quiero, y ahora mi duda, que no sé si se puede hacer:

¿Es posible que el primer elemento de la lista se muestre en el lado izquierdo? Solo el primero, los otros a la derecha como están.

Qué mal me llevo con CSS

Saludos