Les titres irréguliers proviennent d'un remplissage de lignes gourmand : le moteur emballe les mots de gauche à droite et laisse pendre la dernière ligne. text-wrap : balance lui permet d'échanger une certaine régularité de remplissage contre des longueurs de ligne égales ; text-wrap : joli conserve les dernières lignes d'un mot hors des paragraphes. Chacun est une seule déclaration.

h1, h2, h3 { text-wrap: balance; }
p { text-wrap: pretty; }

Quelle valeur, où

  • Titres, boutons, kickers : équilibre. Gardez-le sous quelques lignes ; le coût du solde augmente avec la longueur.
  • Corps des paragraphes : jolis. Son seul travail est de finir le mot orphelin, et il le fait en silence.
  • N'équilibrez jamais un paragraphe : égaliser les lignes sans peser à nouveau le sens, c'est pire, pas mieux.

Les deux sont aujourd’hui pris en charge sur tous les moteurs modernes ; les navigateurs plus anciens que la fonctionnalité s'enroulent simplement comme avant. Définissez-le une fois sur tout le site, lisez chaque page dans la fenêtre la plus étroite que vous prenez en charge et conservez les deux lignes. Ne coûte rien, se lit mieux : budget typographie très sympa.