Mindre linjeafstand efter h1?

Kig på margin og/eller padding - hvis du benytter din developer toolbar kan den give dig en masse hjælp.

Prøv at tage et kig på line-height. Du kan finde mere informationer på W3Schools: https://www.w3schools.com/cssref/pr_dim_line-height.asp

Desuden vil jeg ikke anbefale at have et span-element indeni dit h1 element men i stedet redigere størrelsen enten direkte i dit h1 element eller give det en klasse og redigere størrelsen i CSS. Jeg vil anbefale, at du anvender den sidstnævnte løsning.

HTML:
<h1 class="overskrift">Overskrift</h1>
CSS:
.overskrif{
font-size:16px;
padding:0px; /*Alt efter behov*/
margin-bottom:5px; /*Alt efter hvor meget afstand du ønsker ned til næste element*/
}

Rettelse:
Du kan selv vælge hvordan din: Font-size:; skal være :)