Float 속성이 완벽하게 작동하지 않습니다.

Question

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> 

텍스트는 이미지의 상단과 일치하지 않습니다. 텍스트 상단에 약간의 공간을 남겨 둡니다. 이 문제를 어떻게 해결할 수 있습니까?

Answer 1

<br> 태그를 제거 해 보셨습니까? 내가 너의 문제를 올바르게 이해한다면 속임수를 쓸거야. Here 변경 사항이있는 피들입니다.