CSS : Aligner les lettres d'un mot les unes sous les autres

jemsss Messages postés 198 Statut Membre -  
jemsss Messages postés 198 Statut Membre -
Bonjour,
En CSS, est-ce possible de forcer un saut de ligne après chaque lettre d'un mots ?

        M        M        M        M        M
        O        O        O        O        O
        T        T        T        T        T
        1        2        3        4        5


Merci d'avance pour vos réponses
A voir également:

4 réponses

Kopros Messages postés 631 Statut Membre 89
 
En CSS 3 :
transform:rotate(270deg);

Pour les navigateurs pourris en HTML :
<div style='width:5px'>a b c d</div>
0
jemsss Messages postés 198 Statut Membre 17
 
Merci pour ta réponse.
Je ne souhaite pas incliner le texte mais mettre les lettres les unes en dessous des autres.
L'espace entre chaque lettre est une solution mais ce n'est vraiment pas pratique...
0
Kopros Messages postés 631 Statut Membre 89
 
Sinon y'a word-wrap mais c'est expérimental:

<div class="bottomtotop">Mot 1</div>

.bottomtotop{
width: 0;
word-wrap: break-word;
}

+ d'infos :
https://developer.mozilla.org/fr/docs/Web/CSS/overflow-wrap


Sinon la solution pour que ça passe bien partout c'est de faire des images, même si c'est plus lourd.
Ou bien aller voir si y'a pas un plugin jquery qui fait ça.
0
jemsss Messages postés 198 Statut Membre 17
 
Ok,
Je vais opter pour la traditionnelle image...
Merci
0