Для выравнивания изображений применяется уже знакомый тебе атрибут align. Способов выравнивания существует несколько, они делятся на горизонтальное и вертикальное.
Горизонтальное выравнивание и соответственно обтекание задается так же уже знакомыми тебе значениями left, center и right. Посмотрим на примере кода:
Текст в который просто вставлена картинка. < img src="image/primer.jpg" align="left"> Обтекание задано.
Браузет отобразит код так:
Текст в который просто вставлена картинка. 
Задано расположение изображения у левого края страницы, текст обтекает справа.
Пример кода с расположением у правого края:
Текст в который просто вставлена картинка. < img src="image/primer.jpg" align="right"> Обтекание задано.
В браузере будет выглядеть так:
Текст в который просто вставлена картинка. Задано расположение изображения у правого края страницы, текст обтекает слева.
С вертикальным выравниванием ты еще не знаком, сейчас рассмотрим и его. Задается оно так же тремя значениями - вертикальное выравнивание по центру middle, по верху top и по низу bottom базовой линии (линией, на которой расположен текст текущей строки).
Смотрим пример:
Текст в который просто вставлена картинка. < img src="image/primer.jpg" align="middle"> Задано расположение по центру.
Текст в который просто вставлена картинка. 
Задано расположение по центру.
