Warum funktioniert es in einer Seite- und in einer anderen nicht?

[MichaelS]

Hallo, ich bin am Basteln und wollte folgenden Abschnitt bearbeiten:

<div id="spruch">
  <h3>jetzt kommt ein einzeiliger Spruch,
    <h6>bibelstelle</h6>
  </h3>
</div>

Ok, ich weiß das dies normalerweise viel sinnvoller mit "span" gemacht wird, aber warum sind die Ergebnisse so unterschiedlich?

#spruch h3 { color:maroon; font-size: 1.6em; text-align: center;}

#spruch h6 { color: black;  font-size: 1em; text-align: center;}  

Auf der einen Webseite ist zwischen beiden Texten kein vertikaler Abstand, dieser kann aber formatiert werden.

Auf der Anderen Seite ist ein gut 4em breiter vertikaler Abstand, der padding und margin nicht anspricht.

Weiß jemand, warum?

Die Umgebung ist vergleichbar.

Beides mit Firefox Vers. 97.01. getestet. In codepen bekomme ich beide Texte auch nicht direkt untereinander, aber zumindest mit wesentlich geringerem (ca. 1em) Abstand.

Für Aufklärung dankt Michael