Это все всего лишь иллюзия
справа <div align="center" style="float:right"><img src="Картинка"><font size="0.8em">«картинка справа»</font></div>
слева <div align="center" style="float:left"><img src="Картинка"><font size="0.8em">«картинка слева»</font></div>
Чтобы обтекающий текст не лепился вплотную к картине, нужно добавить атрибут hspace, например:
<img src="http://адрес картинки" align="left" hspace="20">
где вместо 20 - можно подставить любое значение

Авата́р, авата́ра, а́ва, также юзерпик (от англ. user picture — «картинка пользователя») — небольшое статичное или анимированное изображение (часто ограниченное размером в некоторое число пикселей), обычно не являющееся истинной фотографией пользователя. Отображается в профиле зарегистрированного пользователя форума или сайта. Может быть как фотографией, так и некой картинкой, которая отражает суть пользователя и помогает максимально правильно создать первое впечатление у собеседника.
Изготовление
Нет ничего сложного в том, что бы сделать аватар-картинку. Достаточно уменьшить до необходимых размеров понравившееся вам изображение, свою фотографию или рисунок.

В связи с развитием всемирной сети, появления у пользователей более качественного доступа к Интернету, существует тенденция к увеличению размеров аватаров, что многими оценивается негативно
Так же для написания формул и прочей лабуды есть 2 тега:
повышающий <sup>текст</sup>
понижающий <sub>текст</sub>
так же их можно вкладывать друг в друга <sup>текст<sup>текст2<sup>текст3</sup></sup></sup>
повышающий: pen2
понижающий: Y11Y12+Y21Y22=YВложенно
Так же есть тег аббревиатуры <abbr title="HyperText Markup Language">ХТМЛ</abbr>
результат виден при наведении и удерживании курсора на тексе (должно появиться рашифрованное значение)
ХТМЛ
<div align="center" style="float:left"><img src="http://a"><img src="http://s013.radikal.ru/i322/1106/d9/5c7be964d864.jpg">"><font size="0px;.8em">""</font></div>
и
">
будет как то так
<div align="center" style="float:left;"><img src="http://s013.radikal.ru/i322/1106/d9/5c7be964d864.jpg"><font size="0.8em"></font></div>
В принципе если подпись не планируешь то можно и
<font size="0.8em"></font> убрать
<div align="center" style="float:left"><img src="http://i020.radikal.ru/1106/c6/0a3e49eade2b.jpg">align="left" hspace="20"<font size="0px;.8em"></font></div>
<div align="center" style="float:left"><img src="http://i020.radikal.ru/1106/c6/0a3e49eade2b.jpg" align="left" hspace="20"><font size="0px;.8em"></font></div>