Moin Walter,

in dem Beispiel ist mir der Zeilenabstand ohne die CSS-Angabe zu groß.

Gibt es eine elegantere Methode den Zeilenabstand zu regeln als mit negativen margin-Werten?

Da <p>-Elemente standardmäßig margin-block: 1rem; haben, könntest du das überschreiben:

p {
  margin-block-start: 0.2rem;
}

Weil 1 - 0.8 = 0.2.

Übersehe ich da was?

Gruß,