Foros del Web » Creando para Internet » CSS »

flex, alinear elementos

Estas en el tema de flex, alinear elementos en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 16/07/2015, 14:32
Avatar de jc_moj  
Fecha de Ingreso: septiembre-2009
Ubicación: Andalucía
Mensajes: 137
Antigüedad: 14 años, 7 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

Etiquetas: alinear, elementos, flex
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:20.