Why is there a line break for the right floating object in IE6 and for the floating object in IE6?

Why is there a line break for the right floating object in IE6 and for the floating object in IE6?

Why is there a line break for the right floating object in IE6:
When an object is floating on the right, it may wrap in the IE 6 browser.
Let's take a look at a code example:

<! DOCTYPE html> 
The above code runs in the IE 6 browser, and the <span> element on the right will generate a line feed phenomenon, and it cannot be said to be a full line feed, but will drop a certain size. This is an important bug in IE6, that is, when the right floating element is preceded by a text or Inline element, a line break is generated. Solution: place the right floating object before the text or Inline element. The code is modified as follows:
<! DOCTYPE html> 
Address: http://www.51texiao.cn/div_cssjiaocheng/2015/0429/418.html