Je me posais une petite question (sans avoir de projet en cours ou quoi que ce soit, c'est juste par curiosité) :
Si on tente d'écrire une pièce de théâtre, un poème, ou quoi que ce soit qui soit en vers, on est logiquement obligés de respecter certaines normes; notamment ne rester que sur une seule ligne et, en cas de dépassement, de laisser le dépassement à la ligne, mais aligné à droite.
J'étais parti de ce principe :
- Chaque vers est un élément de type block
- Il faut identifier et isoler la première ligne du reste
J'avais abouti à quelque chose du genre :
HTML
<p>
<span>Sois satisfait des fleurs, des fruits, même des feuilles,</span>
<span>Si c'est dans ton jardin à toi que tu les cueilles !</span>
</p>
<span>Sois satisfait des fleurs, des fruits, même des feuilles,</span>
<span>Si c'est dans ton jardin à toi que tu les cueilles !</span>
</p>
Avec le code CSS suivant :
HTML
p {
width: 300px;
background-color: #ddd;
}
span {
text-align: right;
display: block;
}
span:first-line {
text-align: left;
}
width: 300px;
background-color: #ddd;
}
span {
text-align: right;
display: block;
}
span:first-line {
text-align: left;
}
Le seul souci, c'est que le pseudo-élément first-line, ne peut pas avoir de propriété d'alignement horizontal (Source W3Schools), ce qui fait que mes jolis efforts n'ont pour l'instant mené à rien.
