Cómo rotar un texto HTML 90 grados

CSS.
Por matthew burley

Paso 1

Abre tu programa de edición de páginas web.


Paso 2

Elige la página donde quieres rotar el texto 90 grados, luego ábrelo.


Paso 3

Navega a la localización de tu página donde se insertará el texto rotado.


Paso 4

Crea un nuevo elemento "<div>" en el cuerpo de tu página con un estilo "clase" al que referirse en el CSS. Por ejemplo, "<div class="text-rotation">test</div>"crearía un elemento HTML que muestre "test".


Paso 5

Navega a la sección "<head>" de tu página web y crea un nuevo estilo que se corresponda a la clase de elemento "<div>". En el último ejemplom esto sería "<style type="text/css">.text-rotation {display: block; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);}</style>". Observa el "." antes del nombre de la clase CSS.