Как в коде Html Текст сделать ниже фотографии, при этом не ставя <img> в начало кода

<div style="text-align: center;"> <h2>Заголовок</h2> <p>Какой-то текст выше фотографии.</p> <img src="путь/к/фотографии.jpg" alt="Описание фотографии"> <p>Текст ниже фотографии.</p> </div>

 
 // Это контейнер
   // Само изображение
  
Я крутой текст
 // Текст
 // Закрываем контейнер 

--
Можно ещё так, если не надо чтобы <img> был в начале контейнера:

 

  
Я крутой текст
 // Текст
   // Само изображение  
 

Более подробно:
https://developer.mozilla.org/ru/docs/Web/HTML/Element/figure