CSS pour empêcher le texte de s'enrouler sous l'image

Question

J'ai le balisage suivant :

<li id="CN2787">
  <img class="fav_star" src="images/fav.png">
  <span>Text, text and more text</span>
</li>

Je veux que si le texte s'enroule, il n'entre pas dans la "colonne" de l'image. Je sais que je peux le faire avec un table (ce que je faisais) mais ce n'est pas possible pour cette raison .

J'ai essayé ce qui suit sans succès :

li span {width: 100px; margin-left: 20px}
.fav_star {width: 20px}

J'ai aussi essayé float: right .

Gracias.

EDIT : Je veux que ça ressemble à ça :

IMG   Text starts here and keeps going... and
      wrap starts here.

Pas comme ça :

IMG   Text starts here and keeps going... and 
wrap starts in the space left for the image.