31.10.10 
В этой статье доходчиво рассказано о том, как создать обтекание картинки текстом с помощью CSS. Согласитесь, обтекаемая картинка смотрится гораздо лучше, чем отдельно от текста выше или ниже его.
Предположим, есть у вас файл zhiraf.jpg, вставляете ее на страницу тегом <img src="zhiraf.jpg" />, после чего можете прописать в самом теге img стиль вида <img src="zhiraf.jpg" style="float: left; margin-right: 12px;" /> (для расположения изображения с правой стороны используем style="float: right; margin-left: 12px;"). Почему я использовал атрибут margin - для отступа слева или справа от картинки, что придает композиции более изящный вид.
Стиль можно обозначить классом в файле стилей (например, style.css) или вверху кода страницы между <head> и </head>. Можно создать класс .alignleft и .alignright для левой и правой сторон расположения картинки, тогда вставка изображения будет выглядеть как <img src="zhiraf.jpg" class="alignleft" />.
Спасибо очень помогло
[Ответить]