'img' und 'span' richtig Positionieren

[mkkagain]

Hallo.

Ich habe auf meiner Webseite einen <header>. In diesem habe ich folgenden Code:

<img src="LINK" class="logo"/>
<span class="heading">SEITENTITEL</span><br />
<span class="heading">SUB TITEL</span>

CSS Teil:

.header .logo {
width: 70px;
margin-top: 5px;
}

.header .heading {
color: #e5e5e6;
}

Leider ist es nicht richtig positioniert. Ich möchte link das Bild haben, und rechts daneben den Titel und den SubTitel. Ich habe versucht, im Bild 'float: left;' zu machen, allerdings verschiebt sich dort sehr viel.
Wie kann man das Elegant umsetzen?

Lg mkkagain

 

[djheke]

img und span tags sind inline elemente und richten sich naturgemäß nebeneinander aus. Ergo ist irgendwo was falsch.