Html Float属性无法正常工作

我的浮动属性工作不太好。下一个元素总是在顶部留下一些空间

我的代码是：

<img src="badimage.jpg" alt="bad image" style="width:80px; height:180px;float:left"><br><br>
<p>Loren ipsum dolor Loren ipsum dolor Loren ipsum dolor Loren ipsum dolorLoren ipsum dolorLoren ipsum dolor Loren ipsum dolor
Loren ipsum dolor Loren ipsum dolor Loren ipsum dolor Loren ipsum dolor Loren ipsum dolorLoren ipsum dolorLoren ipsum dolor Loren ipsum dolor
Loren ipsum dolor Loren ipsum dolor Loren ipsum dolor Loren ipsum dolor Loren ipsum dolorLoren ipsum dolorLoren ipsum dolor Loren ipsum dolor
Loren ipsum dolor Loren ipsum dolor Loren ipsum dolor Loren ipsum dolor Loren ipsum dolorLoren ipsum dolorLoren ipsum dolor Loren ipsum dolor
Loren ipsum dolor Loren ipsum dolor Loren ipsum dolor Loren ipsum dolor Loren ipsum dolorLoren ipsum dolorLoren ipsum dolor Loren ipsum dolor
Loren ipsum dolor Loren ipsum dolor Loren ipsum dolor Loren ipsum dolor Loren ipsum dolorLoren ipsum dolorLoren ipsum dolor Loren ipsum dolor
</p>

Loren ipsum dolor Loren ipsum dolor Loren ipsum Dolororen ipsum Dolororen ipsum Dolororen ipsum Dolorer
Loren ipsum dolor Loren ipsum dolor Loren ipsum dolor Loren ipsum dolor Loren ipsum Dolororen ipsum Dolororen ipsum Dolorer
Loren ipsum dolor Loren ipsum dolor Loren ipsum dolor Loren ipsum dolor Loren ipsum Dolororen ipsum Dolororen ipsum Dolorer
Loren ipsum dolor Loren ipsum dolor Loren ipsum dolor Loren ipsum dolor Loren ipsum Dolororen ipsum Dolororen ipsum Dolorer
Loren ipsum dolor Loren ipsum dolor Loren ipsum dolor Loren ipsum dolor Loren ipsum Dolororen ipsum Dolororen ipsum Dolorer
Loren ipsum dolor Loren ipsum dolor Loren ipsum dolor Loren ipsum dolor Loren ipsum Dolororen ipsum Dolororen ipsum Dolorer

---

文本与图像顶部不对齐。文本在顶部留下一些空间。如何解决此问题？

您是否尝试删除

标记？如果我对你的问题理解正确，那就行了。 你在找零钱