Variation d'alignement?

Question

Je veux faire un effet visuel où un morceau de texte est ajusté à gauche, à droite, au centre, peu importe, mais l'origine de l'alignement varie d'une ligne à l'autre de quelques pixels. Cela fonctionnerait bien avec de petits paragraphes, et permettrait de rompre avec la monotonie.

Sauf que je ne sais pas comment mettre en œuvre cette ...

Answer 1

Il y a une excellent CSS demo que je suis tombé depuis bien longtemps qui utilise un tas de DIVs flottaient couplé avec l'affaire « frontière diagonale » pour créer une nette effet - Je crois que vous cherchez quelque chose de similaire.

Si vous avez seulement besoin de l'alignement, les simples DIV vont faire - flotter et effacer les gauche/droite et leur donner des largeurs différentes, et ils vont faire circuler le texte autour d'eux. Par exemple:

.spacer { 
    float: left; 
    clear: left; 
    height: 1em; 
    /* vary the width using inline styles */ 
} 

Les bordures diagonales ajoutent à l'effet en séparant le texte de l'arrière-plan en utilisant des couleurs différentes.