Ver Mensaje Individual
  #3 (permalink)  
Antiguo 27/03/2016, 19:05
Avatar de mardojai
mardojai
 
Fecha de Ingreso: noviembre-2012
Ubicación: Lima, Perú
Mensajes: 137
Antigüedad: 12 años
Puntos: 44
Respuesta: Alinear textos en 3 columnas

Lo puedes hacer con Flexbox:

Código HTML:
Ver original
  1. <div class="contenedor">
  2.   <div class="provincia">Provincia</div>
  3.   <div class="provincia">Provincia</div>
  4.   <div class="provincia">Provincia</div>
  5.   <div class="provincia">Provincia</div>
  6.   <div class="provincia">Provincia</div>
  7.   <div class="provincia">Provincia</div>
  8.   <div class="provincia">Provincia</div>
  9.   <div class="provincia">Provincia</div>
  10.   <div class="provincia">Provincia</div>
  11.   <div class="provincia">Provincia</div>
  12.   <div class="provincia">Provincia</div>
  13.   <div class="provincia">Provincia</div>
  14.   <div class="provincia">Provincia</div>
  15.   <div class="provincia">Provincia</div>
  16.   <div class="provincia">Provincia</div>
  17. </div>

Código CSS:
Ver original
  1. .contenedor {
  2.   display: flex;
  3.   flex-wrap: wrap;
  4. }
  5.  
  6. .provincia {
  7.   width: 33.3%;
  8. }
  9.  
  10. .provincia:nth-child(3n+2) {
  11.   text-align: center;  
  12. }
  13. .provincia:nth-child(3n+0) {
  14.   text-align: right;  
  15. }
Ejemplo: https://jsfiddle.net/Mardojai/d8t1vf8x/2/
__________________
El que supera a otros es poderoso, y el que se supera a sí mismo es invencible.
__________________
Si te sirvió puntúa.