Je m'intéresse particulièrement au problème de rythme vertical en CSS ces quelques jours, les dernières mises à jour de RÖCSSTI n'y sont pas étrangères d'ailleurs, même si ce sujet y était déjà traité.

Voici une petite astuce tirée de Vertical Rhythm Tool : si vous avez Stylish sous Firefox (une extension qui permet de facilement créer/gérer des styles utilisateurs), vous pouvez créer un style utilisateur et y coller ceci :

body {
  background: linear-gradient(to bottom, #BA9B9A .1em, transparent .1em ) !important;
  background-size: 100% 1.5em !important;
}

Par exemple, j'ai testé ça sur une page d'une de mes dernières réalisations, à savoir le site de la Société Électrique Intercommunale de la Côte. J'ai juste renommé body en #main pour mon cas.

Comme vous pouvez le voir, dans ce cas, le rythme vertical fonctionne plutôt bien.

Bien sûr, il faudra peut-être adapter le code si vous utilisez un autre navigateur et selon votre site, il faudra adapter la valeur de background-size selon le line-height de votre site. En tout cas, si votre client proteste en disant « il y a trop d'espace entre les titres et sous-titres », vous activez ce style utilisateur, et vous lui envoyez la capture d'écran pour preuve.