[CSS] �berschriften n�her aneinander

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 :o

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 :)