У меня есть следующая разметка:

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

Я хочу, чтобы в случае переноса текста он не попадал в столбец «столбец»; для изображения. Я знаю, что могу сделать это сtable (что я делал), но это не работает дляэта причина.

Я безуспешно пробовал следующее:

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

Я тоже пробовалfloat: right.

Благодарю.

РЕДАКТИРОВАТЬ: Я хочу, чтобы это выглядело так:

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

Не так:

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