CSS para detener el ajuste de texto debajo de la imagen
Tengo el siguiente marcado:
<li id="CN2787">
<img class="fav_star" src="images/fav.png">
<span>Text, text and more text</span>
</li>
Lo quiero para que si el texto se ajusta, no entra en la "columna" de la imagen. Sé que puedo hacerlo con untable (que estaba haciendo) pero esto no es viable paraesta razón.
He intentado lo siguiente sin éxito:
li span {width: 100px; margin-left: 20px}
.fav_star {width: 20px}
Yo tambien lo intentéfloat: right.
Gracias.
EDITAR: Quiero que se vea así:
IMG Text starts here and keeps going... and
wrap starts here.
Así no:
IMG Text starts here and keeps going... and
wrap starts in the space left for the image.