CURRENT HTML / CSS
img{
position:absolute;
bottom:0;
right:0;
}
div{
position:relative
}

<div>
<p>
first paragraph text first paragraph text paragraph text paragraph text paragraph paragraph text paragraph text paragraph text paragraph paragraph text paragraph text paragraph text paragraph paragraph text paragraph text paragraph text paragraph text paragraph paragraph text paragraph text paragraph first text paragraph
</p>
<p>
<img src="http://via.placeholder.com/150x150">
2nd paragraph text 2nd paragraph text paragraph text paragraph text paragraph text 2nd paragraph text
</p>
<p>
3rd paragraph text 3rd paragraph text paragraph text 3rd paragraph
</p>
</div>
&#13;
我被困在一个有三个段落的HTML页面上,第二段包含一个图像, 我需要在左下方将该图像与第3段中的文本对齐 (说最后一段)不增加每段之间的垂直距离。 这可能会将第一段中的几行推向右侧,但这很好。
我尝试使用float和{position:absolute;bottom:0 with position:relative on div tag}
但没有成功,因为文字没有在图像周围流动。
是否可以在不更改HTML的情况下使用CSS / JS执行此操作?