Textausrichtung

[Anfänger]

Hallo,
ich möchte, dass der Text rechts von dem Bild erscheint und zwar in einem bestimmten Abstand (margin-left:1em).
Ich habe daher folgendes geschrieben:

  
<span style="float:left;"><a href="http://www.example.com">  
    <img src="http://www.example.com/img.gif" style="width:46px;height:30px;" alt =""></span>  
<span style="margin-left:1em; ">aaaaaaaaaaaaaaaaaaa<br>bbbbbbbbbb</span>  
  </a>  
<span style="clear:left;"></span>  

Nun hat der Text a...a den gewünschten Abstand, die Folgezeile b...b
hat jedoch keinen abstand zum Bild.
Was mache ich falsch?