Проникновение плавающих элементов через теги в CSS

Пусть теперь у нас текст размещен в абзацах, а картинка, которой задано свойство float находится над этими абзацами. В этом случае все будет работать, как и работало - наличие других тегов не мешает обтеканию:

<div>
	<img src="img.png" alt="">
	<p>
		long text...
	</p>
	<p>
		long text...
	</p>
</div>

div {
	width: 400px;
	border: 1px solid red;
	text-align: justify;
}
img {
	float: left;
}

Пусть теперь в первом абзаце мало текста - в этом случае картинка будет залазить и на второй абзац:

<div>
	<img src="img.png" alt="">
	<p>
		Lorem ipsum dolor sit amet, consectetur adipiscing elitorire.
	</p>
	<p>
		long text...
	</p>
</div>

div {
	width: 400px;
	border: 1px solid red;
	text-align: justify;
}
img {
	float: left;
}