Alles in eine Reihe (HTML, CSS[?])

Poof

Huhu,
wie bekomm ich das alles in eine Reihe?

Inhalte von externen Seiten werden ohne Ihre Zustimmung nicht automatisch geladen und angezeigt.

Ich will das in der Mitte der Text ist und rechts in der selben Zeile den Avatar.

Wie bekomm ich sowas hin?
Derzeitiger Code:
<!DOCTYPE html>

HTML

<html>
	<head>
		<title>Navigation</title>
		<link href="style.css" type="text/css" rel="stylesheet" />
	</head>
	<body bgcolor="#4D4D4D">	
		<div id="navi">
			<div align="center">
				<a href="cont.php" target="Content">Startseite</a>
				<a href="cont.php" target="Content">
					<div align="left">
						<img src="img/mhcrop.png"></img>
					</div>
				</a>
			</div>
		</div>
	</body>
</html>

Alles anzeigen

Achja, noch zur Info: Ich verwende Frames.
MfG

Jetzt mitmachen!