Я так и делаю:
<div style="line-height: 0.8em; text-align: center; margin-bottom: 14px;">
<img src="p6.jpg" alt="" width="266" height="446" />
<br />
<span style=" font-size: 0.8em;">Компонент Character Controller и компонент-скрипт Third Person Controller</span>
</div>
Текст, расположенный в теге <span> , выходит за допустимые пределы ширины изображения, а нужно, чтобы он переносился на новую строку.