El otro día haciendo unos ajustes en un proyecto, sé me presentó la necesidad de tener que mostrar un texto orientado de forma vertical. Como soy un poco reacio a utilizar imágenes para estas cosas, prefiero buscar soluciones CSS que en la mayoría de casos de este tipo suelen existir.

Si queremos mostrar un texto vertical con css, basta con añadir al elemento html (p,  div..) una clase con los siguientes estilos:

-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

Los grados por supuesto, podemos ajustarlo a nuestras necesidades.

Si quieres ampliar información visita stackoverflow.