Ver Mensaje Individual
  #3 (permalink)  
Antiguo 27/10/2017, 10:53
Avatar de g3kdigital
g3kdigital
 
Fecha de Ingreso: noviembre-2013
Ubicación: En mi apartamento en bogotá
Mensajes: 208
Antigüedad: 10 años, 5 meses
Puntos: 39
Respuesta: alineacion elementos

Hay 3 formas que puedo recomendarte:

Con float:

Código CSS:
Ver original
  1. .float.item{ text-align: center; }
  2. .float .boton{ float: right; }

Usando flexbox:
Código CSS:
Ver original
  1. .flex.item{ display: flex; justify-content: center; }
  2. .flex .titulo{ flex-grow: 1; text-align: center; }
  3. .flex .boton{ order: 2; }

Usando position:
Código CSS:
Ver original
  1. .position.item{text-align: center; position: relative; }
  2. .position .boton{ position: absolute; right: 0;  }

Cada uno con sus ventajas y contras. Aquí puedes ver una demo:
https://codepen.io/g3kdigital/pen/POoYNO?editors=1100
__________________
Puedes ser el tipo de persona que se amarga por lo inevitable o aceptar el reto de superarse siempre e ir a la par con el progreso.

WEB: G3K.co | codepen.io/g3kdigital