Guten Tag,
Ohne viel drum herrum zu reden meine Frage

Ich habe zwei Überschriften untereinander Jedoch sind die einen gefühlten Kilometer außeinander ich muss sie jedoch ganz nah zusammen haben
HTML:
Code:
<!-- Kopf -->
<div id="kopf">
<h1 id="norwegen"><b><a href="index.htm">Norwegen</a></b></h1>
<h4 id="satz">Das nördlichste Land der Welt.</h4>
<nav id="main-nav">
<ul id="main-list">
<li>
<a href="index.htm">Home</a>
</li>
<li>
<a href="capital">Oslo</a>
</li>
<li>
<a href="">drei</a>
</li>
<li>
<a href="">vier</a>
</li>
</ul>
</nav>
</div>
<!-- KopfEnde -->
CSS:
Code:
#norwegen {text-align:center; color:#898989;font-size:3em; padding-top:1em;}
#satz {padding-top:0em; text-align:center; color:#b0b0b0; font-size:2em;}
#main-nav {float:center;text-align:center; padding-top:0em; }
Ich würde mich über hilfe Freuen

MFG. .#Keks
EDIT:
Wenn ich beide in eigene DIF´s setze klappt alles (ohne h1, h4) jedoch will mein Info Lehrer unbedingt das die als Überschriften deklariert sind