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

jemsss Messages postés 188 Date d'inscription   Statut Membre Dernière intervention   -  
jemsss Messages postés 188 Date d'inscription   Statut Membre Dernière intervention   -
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 595 Date d'inscription   Statut Membre Dernière intervention   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 188 Date d'inscription   Statut Membre Dernière intervention   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 595 Date d'inscription   Statut Membre Dernière intervention   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 188 Date d'inscription   Statut Membre Dernière intervention   17
 
Ok,
Je vais opter pour la traditionnelle image...
Merci
0