Morton 25 de octubre de 2010 a las 09.34
   Imprimir artículo
elWebmaster.com

CSS: Sencillo truco para alinear el texto en sentido vertical


cssAlinear el texto en vertical no es un recurso muy usado en estos d√≠as, pero suelen darse ocasiones donde puede ser √ļtil. Para realizarlo, recurrimos a varios m√©todos, como la utilizaci√≥n de im√°genes o Javascript.

Pero existe un sencillo truco que nos permitira lograr esta alineaci√≥n de texto en unas pocas lineas de c√≥digo, utilizando CSS y vali√©ndonos de los espacios en blanco entre caracteres. ¬ŅQuieres verlo?

Este es el código que debes utilizar. Debes colocarlo bajo el tag head de tu código HTML:

[CSS]

[/CSS]

Luego, dentro del body, debes utilizar el tag h1 al que le hemos dado el estilo con CSS, para lograr el efecto:

[HTML]

J
E
F
F
R
E
Y

[/HTML]

B√°sicamente, hemos colocado un espacio en blanco luego de cada caracter, y luego, al colocar cada espacio en blanco como pre con el c√≥digo CSS que a√Īadimos, le indicamos al texto que debe comportarse como si tuviese un tag pre. Y as√≠ es como se logra este efecto de la manera m√°s sencilla y r√°pida.

Haz clic en este enlace para ver una demostración >>

Fuente original del artículo: NetTuts+
Traducción realizada por: elWebmaster.com


Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Comentarios (1)

  1. Dan dice:

    jajajaj… el truco es tan simple como efectivo = genial…!!!

Deja tu opinión

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder