Texte s'écoulant verticalement avec css

Question

Je voudrais avoir une div avec du texte dedans. Mais j'aimerais que le texte s'écoule verticalement plutôt qu'horizontalement. Comme ça;

M

y

t

e

x

t

Toutes les idées sur la façon d'y arriver avec CSS?

Answer 1

Si vous avez seulement une ligne de texte que vous pouvez essayer d'utiliser width:1em;letter-spacing:1px (et un espace entre chaque lettre)

modifier: si vous voulez utiliser pas d'espace entre chaque lettre width:1em;letter-spacing:1em;word-wrap:break-word

Answer 2

CSS3 a un attribut 'writing-mode' proposé qui peut être défini sur 'tb-lr' (écrire du texte de haut en bas, écrire des lignes de gauche à droite), mais je ne sais pas si les navigateurs le supportent quelque chose sur quoi compter.

Answer 3

.yourtext { -moz-transform: rotate(-90deg); 
      -webkit-transform: rotate(-90deg); 
      -moz-transform-origin: top right; 
      -webkit-transform-origin: top right; 
      filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 
}