Обтекание картинок текстом

[Dayks]

Всем доброго вечера. Подскажите как правильно сделать обтекание. Вот для примера код для обтекания слева

img.alignleft {
	clear:left;
	float: left;
	display: inline;
	margin-right: 10px;
	margin-bottom: 2px;
}

но появляется проблема - если нужно сделать обтекание нескольким пикчам и текст, расположенный справа от первой не заполняет все пространство рядом с ней, то почему-то текст, который должен быть расположенный уже справа от второй картинки лезет вверх и встает еще рядом с первой. Вот так примерно:

а надо чтобы текст, который в посте идет после второй картинки и стоял после второй картинки, вот так

[mrnobody]

А у вас картинка с текстом в одном контейнере находятся? Судя по скрину, кажется что нет.

[Dayks]

общего контейнера для картинки и текста рядом с ней (и только для них) нет, есть вообще общий контейнер для всех картинок и текстов - пост. сайт на вордпрессе, если это важно. хотелось бы найти решение универсальное, чтобы не ковырять каждый пост в html, а прописать раз в css и забыть.

[mrnobody]

Контейнер по любому нужен для того, чтобы объединить картинку с текстом, и применить к этому контейнеру clear: both;. А так у вас ничего не получится.

[Dayks]

а можно как-нибудь упростить заключение их в один контейнер? например с помощью псевдоэлементов :before и :after. или как-то еще использовать данные псевдоэлементы?