浮動屬性不能正常工作

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你有一個小提琴的變化。