Как разместить абзац под картинкой?

[nikki4]

Слева фотка блюда, справа текст с описанием рецепта

под фоткой надо сам рецепт пошаговый.

 

ранее я делал отступы просто br br br... или  <p></p><p></p><p></p>

сейчас переделываю под адаптивный вариант.. надо как-то это поправить.

<p>картинка</p><p>Введение</p><p> </p><p> </p><p> </p><p> </p><p>Рецепт</p>

Что прописать, чтобы  было такого вида результат:

<p>картинка</p><p>Введение</p><p>Рецепт</p

Как это делается?

пока что только как вариант присвоить первому/последнему абзацу класс и сделать отступ.

Но картинки в высоту разных размеров...

А если просто убрать <p> </p>

будет

<p>картинка</p><p>Введение</p>                <p>Рецепт</p<p>поехавшее продолжение рецепта</p

Edited April 1, 2015 by nikki4

[Lure]

Я бы так сделала (если правильно понимаю) - общий блок для картинки и описания, в нем две колонки с картинкой и описанием. После этого блока блок с продолжением рецепта и отступом. Отступ ведь будет всегда на одинаковом расстоянии от предыдущего блока, вне зависимости от высоты картинки.

[DivMan]

макет дай 

[nikki4]

Спасибо. Сейчас попробую с блоками.

А по поводу макета, вот:

<p><a style="" class="thumbnail" href="" title="" target="_blank"><img style="float: left;" title="" src=".jpg" alt="" align="left" width="300" height="240"></a></p><p>Описание рецепта</p><br><br><br><br><br><br><br><br><br><br><p>Рецепт</p>

ну и задача, удалить brbrbrbr, чтобы рецепт был под описанием (картинкой)

 

 

ps: вариант с блоком сработал, заключил туда картинку+описание и флоат: лефт

Edited April 1, 2015 by nikki4