浮动属性不能正常工作

Question

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

我的代码是：

<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> 

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

Answer 1

你试过去掉<br>标签吗？如果我正确理解你的问题，那就可以做到这一点。 Here你有一个小提琴的变化。