Сочетаиии float ва padding дар CSS

Биёед боз аксро болои абзасҳо гузорем, дар ҳоле ки ба онҳо padding чап гузоштаем. Дар ин ҳолат padding фақат он матнро тоб медиҳад, ки аз чап ба диви-володар мепайвандад, ва на ба акси мо:

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

div {
	width: 400px;
	border: 1px solid red;
	text-align: justify;
}
p {
	margin-left: 30px;
	padding-left: 30px;
	border: 1px solid green;
}
img {
	float: left;
	opacity: 0.5;
}

Ва акнун аксро дар аввалин абзас гузорем - он ҳамроҳ бо матни абзасҳо ба тарафи рост ҳаракат мекунад:

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

div {
	width: 400px;
	border: 1px solid red;
	text-align: justify;
}
p {
	margin-left: 30px;
	padding-left: 30px;
	border: 1px solid green;
}
img {
	float: left;
	opacity: 0.5;
}