CSS: Sencillo truco para alinear el texto en sentido vertica

Alinear 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:

dijo:

<style>
h1 { white-space: pre; }
</style>

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

dijo:

<h1>
J
E
F
F
R
E
Y
</h1>

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.

dijo:

FUENTE