Zwei Überschriften sich folgend Abstand konform

Zwei sich folgenden Überschriften ist der normale durch CSS gegebene Abstand zu weit dargestellt:

Überschrift

Überschrift

Der obigen Überschrift ist durch

<h2 style="margin-bottom: -18px;">Überschrift</h2>

der Abstand zur folgenden Überschrift einzurichten:

Überschrift

Überschrift

… und der Gesamteindruck ist ausgewogen.

Ob mehr Pixel (weniger Abstand) oder weniger Pixel (mehr Abstand) gegeben sein mögen, hängt auch von der Größe der Überschrift ab, weil je größer die Schrift desto mehr Abstand (weniger Pixel) konformer erscheinen lässt.