Ver Mensaje Individual
  #3 (permalink)  
Antiguo 10/06/2016, 16:12
Avatar de alivan
alivan
 
Fecha de Ingreso: agosto-2010
Mensajes: 16
Antigüedad: 13 años, 9 meses
Puntos: 3
Respuesta: Duda con flexbox

Para alinear elementos con flexbox puedes usar la propiedad margin. Si defines el margin-left del item 4 como auto, el elemento aplicará el margen necesario para alinearse a la derecha, consiguiendo posicionar el elemento de la forma que necesitas.

Puedes probarlo con este código:
Código HTML:
Ver original
  1. <nav>
  2.   <a href="#">Frutas</a>
  3.   <a href="#">Verduras</a>
  4.   <a href="#">Carne</a>
  5.   <a href="#">Pastelería</a>
  6.   <a href="#">Perfil</a>
  7. </nav>
Código CSS:
Ver original
  1. nav {
  2.   display: flex;
  3. }
  4.  
  5. nav a:last-child {
  6.   margin-left: auto;
  7. }