Si lo que está buscando es una forma de establecer el tipo verticalmente, lo mejor es probablemente CSS writing-mode
.
Si solo está tratando de girar algo de texto, puede girar elementos completos como este, que lo gira 90 grados en sentido antihorario:
.rotate {
transform: rotate(-90deg);
/* Legacy vendor prefixes that you probably don't need... */
/* Safari */
-webkit-transform: rotate(-90deg);
/* Firefox */
-moz-transform: rotate(-90deg);
/* IE */
-ms-transform: rotate(-90deg);
/* Opera */
-o-transform: rotate(-90deg);
/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
La propiedad de rotación del filtro BasicImage de Internet Explorer puede aceptar uno de cuatro valores: 0, 1, 2 o 3 que rotarán el elemento 0, 90, 180 o 270 grados respectivamente.
Vea también esta publicación de blog sobre encabezados laterales.
Ver la pluma
Encabezados laterales por Chris Coyier (@chriscoyier)
en CodePen.
Ver la pluma
Rotación lateral del encabezado por Graham Clark (@Cheesetoast)
en CodePen.