| layer at (0,0) size 800x600 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x172 |
| RenderBlock {HTML} at (0,0) size 800x172 |
| RenderBody {BODY} at (8,16) size 784x140 |
| RenderBlock (floating) {DIV} at (554,0) size 230x60 [bgcolor=#CC6666] |
| RenderText {#text} at (20,20) size 190x19 |
| text run at (20,20) width 190: "DIV NUMBER 1: float:right;" |
| RenderBlock (floating) {DIV} at (480,60) size 304x60 [bgcolor=#99CC66] |
| RenderText {#text} at (20,20) size 264x19 |
| text run at (20,20) width 264: "DIV NUMBER 2: clear:right; float:right;" |
| RenderBlock (floating) {DIV} at (0,60) size 221x60 [bgcolor=#6699FF] |
| RenderText {#text} at (20,20) size 181x19 |
| text run at (20,20) width 181: "DIV NUMBER 3: float:left;" |
| RenderBlock {P} at (0,0) size 784x140 |
| RenderText {#text} at (0,0) size 554x119 |
| text run at (0,0) width 543: "The first element is floated to the right. The second element clears the right float and" |
| text run at (0,20) width 554: "also floats right. The third element is floated to the left, but is forced below the bottom" |
| text run at (0,40) width 552: "of the first element. Yet, somehow this paragraph comes at the end of the markup, and" |
| text run at (220,60) width 244: "manages to rise to the top of the page." |
| text run at (220,80) width 226: "This behavior is present in Firefox," |
| text run at (220,100) width 117: "Safari and Opera. " |
| RenderInline {A} at (0,0) size 474x39 [color=#0000EE] |
| RenderInline {STRONG} at (0,0) size 474x39 |
| RenderText {#text} at (336,100) size 474x39 |
| text run at (336,100) width 138: "Click here for a real" |
| text run at (0,120) width 181: "world example of this bug." |
