Seguramente alguna vez tuviste la necesidad de tener un texto vertical en tus diseños. Muchas opciones no contamos para lograr esto, o trabajamos con imágenes o trabajamos con el filtro flipv() que es exclusivo de Internet Explorer.

mbFlipText Texto vertical con jQuery

mbFlipText viene a llenar ese vació, poder introducir un texto vertical que sea seleccionable y sin la necesidad de recurrir a imágenes. Su funcionamiento es muy sencillo, el plugin transforma un elemento del DOM dado, como un div o span en un elemento SVG.

Contamos con dos opciones: trabajar con texto vertical desde arriba hacia abajo o viceversa.

El call en JS

$(".tb").mbFlipText(true) //Orientacion: de arriba hacia abajo
$(".bt").mbFlipText(false) // Orientacion de abajo a hacia arriba

Nuestro Markup

<div class="tb">"de arriba hacia abajo"</div>
<div class="bt">"abajo hacia arriba"</div>

Como IE es el unico navegador que no soporta los elementos SVG nativamente, deberos hacer uso de como lo mencione mas arriba del filtro flipv()