CSS3: Texto vertical

3 formas diferentes de mostrar un texto de «forma vertical» utilizando CSS, utilizando las propiedades writing-mode y word-wrap.

1. Usando vertical-lr:

.texto-vertical-1 {
    writing-mode: vertical-lr;
}

2. Usando vertical-lr + rotate:

.texto-vertical-2 {
    writing-mode: vertical-lr;
    transform: rotate(180deg);
}

3. Usando break-word:

.texto-vertical-3 {
  width:20px;
  word-wrap: break-word;
  text-align:center;
}

Demo:

See the Pen WQayvJ by Jorge Maiden (@jorgemaiden) on CodePen.