Ver Mensaje Individual
  #2 (permalink)  
Antiguo 28/08/2012, 20:15
Avatar de NSD
NSD
Colaborador
 
Fecha de Ingreso: mayo-2012
Ubicación: Somewhere
Mensajes: 1.332
Antigüedad: 12 años, 6 meses
Puntos: 320
Respuesta: alineado vertical de texto

hola, prueba con esto:

Código HTML:
Ver original
  1.     <head>
  2.     </head>
  3.     <body>
  4.         <div style="display: table; position: relative; overflow: hidden;border:1px solid black">
  5.             <div style=" #position: absolute; #top: 50%;display: table-cell; vertical-align: middle;">
  6.                 <div style="#position: relative; #top: -50%; border:1px solid red">
  7.                     Texto<br />
  8.                     Texto<br />
  9.                     Texto<br />
  10.                     Texto<br />
  11.                 </div>
  12.             </div>
  13.             <div style=" #position: absolute; #top: 50%;display: table-cell; vertical-align: middle;">
  14.                 <div style="#position: relative; #top: -50%; border:1px solid green">
  15.                     Texto<br />
  16.                     Texto<br />
  17.                     Texto<br />
  18.                     Texto<br />
  19.                     Texto<br />
  20.                     Texto<br />
  21.                     Texto<br />
  22.                     Texto<br />
  23.                     Texto<br />
  24.                 </div>
  25.             </div>
  26.         </div>
  27.     </body>
  28. </html>
saludos.
__________________
Maratón de desafíos PHP Junio - Agosto 2015 en FDW | Reglamento - Desafios