Картинка в тексте при разном разрешении экрана

Вообще, чтобы все было по феншую, одним css в данном случае не обойтись, js подключать надо, но каждый случай индивидуален.

А насчет подзаголовков все просто - к стилю добавьте clear:both; и делов).

Абзацам тоже добавляете в стиль clear:both, после выбираете следующий абзац, который идет за картинкой и стиль его меняете на clear:none;

<br clear="all"> после абзаца.

Большое спасибо за помощь!

Насчет подзаголовков, все получилось!.

К существующему у меня коду .post h3 {font-size 1em; color: #000;} добавил clear: both;

Но вот где Абзацам добавить в стиль clear:both, и сlear:none, не совсем вник..😕

Абзацы получаются с помощью тега <p> если я правильно понимаю,

И в style.css, у меня только это, - p { margin: 0 0 1.5em;}

То есть сюда нужно добавить clear:both; ?

Но куда тогда добавлять clear:none; ?

То есть мне это уже нужно делать не в файле стилей css, а конкретно в тексте?

Спасибо!

Тоже я так понимаю прямо в тексте? И так каждый раз, в тех местах где это понадобиться?

Все делается в файле стилей без лишних ненужных тегов

p { margin: 0 0 1.5em; clear:both;} - это на случай, когда картинка внутри абзаца

p { margin: 0 0 1.5em; clear:both;} - это на случай, когда картинка вне абзаца

img + p{clear:none;}

Супер!! Все получилось! Спасибо огромное!

Единственное, второй абзац теперь под картинкой, но только слишком в плотную к ее нижней границе прилипает....Но это наверное за счет отступов получиться исправить..

Еще раз спасибо!