CSS, aby zatrzymać zawijanie tekstu pod obrazem
Mam następujący znacznik:
<li id="CN2787">
<img class="fav_star" src="images/fav.png">
<span>Text, text and more text</span>
</li>
Chcę, żeby tekst zawijał się, ale nie trafiał do „kolumny” obrazu. Wiem, że mogę to zrobić za pomocątable
(co robiłem), ale nie nadaje się do tegoten powód.
Bez powodzenia wypróbowałem następujące rzeczy:
li span {width: 100px; margin-left: 20px}
.fav_star {width: 20px}
Próbowałem teżfloat: right
.
Dzięki.
EDYCJA: Chcę, żeby wyglądało to tak:
IMG Text starts here and keeps going... and
wrap starts here.
Nie tak jak to:
IMG Text starts here and keeps going... and
wrap starts in the space left for the image.