| layer at (0,0) size 800x600 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x600 |
| RenderBlock {HTML} at (0,0) size 800x600 |
| RenderBody {BODY} at (8,8) size 784x584 |
| RenderBlock {DIV} at (0,0) size 784x19 |
| RenderBlock (floating) {DIV} at (521,0) size 263x104 [border: (2px solid #FF0000)] |
| RenderText {#text} at (2,2) size 259x19 |
| text run at (2,2) width 259: "I should become a right-floating element." |
| RenderBlock (anonymous) at (0,0) size 784x19 |
| RenderText {#text} at (0,0) size 393x19 |
| text run at (0,0) width 195: "This text should be on the left. " |
| text run at (195,0) width 198: "The float should be to the right." |
| RenderBlock {DIV} at (0,19) size 784x30 |
| RenderBlock {DIV} at (0,49) size 784x38 |
| RenderBlock (floating) {SPAN} at (0,0) size 254x104 [border: (2px solid #FF0000)] |
| RenderText {#text} at (2,2) size 250x19 |
| text run at (2,2) width 250: "I should become a left-floating element." |
| RenderText {#text} at (254,0) size 260x38 |
| text run at (254,0) width 204: "This text should be on the right. " |
| text run at (458,0) width 56: "The float" |
| text run at (254,19) width 129: "should be to the left." |