Как сделать заголовок под картинкой? - Вопросы по CSS

Ребята, всем привет!

Облазил весь инет, но увы не нашёл свойства, с помощью которого мог бы решить данную проблему.
Ситуация такая:
1) Печатаю текст.
2) Перед ним (текстом) ставлю курсор и вставляю рисунок с названием "На фото..." со свойством float:left. Все это делаю с помощью редактора TinyMCE. (рисунок 1 - https://yadi.sk/i/UI50UNdLnmas6)
3) Когда сохраняю, то текст обтекает рисунок справа, однако Заголовок рисунка почему-то прыгает вверх (рисунок 2 - https://yadi.sk/i/7HukVWZynmb6C).
4) Вот код:

Вопрос: Подскажите, пожалуйста, каким свойством заголовок изображения вернуть на место, т.е. под рисунок?

P.S. Заранее благодарен и прошу строго не судить, т.к. я начинающий в этом деле, а данное свойтсво по зарез надо, т.к. таких статей будет много, как заголовок вернуть на место не понимаю.
Спасибо ещё раз тем, кто откликнется!

figure float нужно задать.

figure float нужно задать.

Благодарю за ответ. Действительно надо было выставить это свойство!)
Спасибо, очень выручили!)