Ver Mensaje Individual
  #4 (permalink)  
Antiguo 28/03/2016, 01:01
Avatar de willyfc
willyfc
 
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 16 años, 2 meses
Puntos: 40
Respuesta: Alinear textos en 3 columnas

Hola.

Las columnas están en el html o son generadas de forma dinámica?, ese podría ser un buen dato para resolverlo, si están escritas sobre el html bastaría con esto:

Código HTML:
Ver original
  1. <!DOCTYPE html>
  2.     <meta charset="utf-8">
  3.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  4.     <title></title>
  5.     <style type="text/css" media="screen">
  6.         *{margin:0;padding: 0;}
  7.         ul.provincias{
  8.             display: block;
  9.             list-style: none;
  10.             width: 33.3%;
  11.             float: left;
  12.             background: red;
  13.             outline:1px solid #000;
  14.         }
  15.         ul.provincias li{
  16.             text-align: left;
  17.             color:#000;
  18.             padding:10px;
  19.         }
  20.     </style>
  21.  
  22. </head>
  23.     <ul class="provincias">
  24.         <li>prov 1</li>
  25.         <li>prov 2</li>
  26.         <li>prov 3</li>
  27.         <li>prov 4</li>
  28.         <li>prov 5</li>
  29.         <li>prov 6</li>
  30.         <li>prov 7</li>
  31.     </ul>
  32.     <ul class="provincias">
  33.         <li>prov 1</li>
  34.         <li>prov 2</li>
  35.         <li>prov 3</li>
  36.         <li>prov 4</li>
  37.         <li>prov 5</li>
  38.         <li>prov 6</li>
  39.         <li>prov 7</li>
  40.     </ul>
  41.     <ul class="provincias">
  42.         <li>prov 1</li>
  43.         <li>prov 2</li>
  44.         <li>prov 3</li>
  45.         <li>prov 4</li>
  46.         <li>prov 5</li>
  47.         <li>prov 6</li>
  48.         <li>prov 7</li>
  49.     </ul>
  50. </body>
  51. </html>
__________________
WFC
codigo82