| 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 |
| layer at (8,8) size 33x100 |
| RenderBlock (positioned) {DIV} at (0,0) size 34x100 [bgcolor=#ADD8E6] |
| RenderBlock (floating) {SPAN} at (4,0) size 30x20 [color=#0000FF] |
| RenderText {#text} at (0,0) size 30x19 |
| text run at (0,0) width 30: "float" |
| RenderBlock (floating) {SPAN} at (4,20) size 25x20 [color=#0000FF] |
| RenderText {#text} at (0,0) size 25x19 |
| text run at (0,0) width 25: "floa" |
| RenderText {#text} at (0,40) size 33x19 |
| text run at (0,40) width 33: "word" |
| RenderBlock (floating) {SPAN} at (4,60) size 18x20 [color=#0000FF] |
| RenderText {#text} at (0,0) size 18x19 |
| text run at (0,0) width 18: "flo" |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock (floating) {SPAN} at (4,80) size 10x20 [color=#0000FF] |
| RenderText {#text} at (0,0) size 10x19 |
| text run at (0,0) width 10: "fl" |
| RenderText {#text} at (0,0) size 0x0 |
| layer at (8,104) size 41x100 |
| RenderBlock (positioned) {DIV} at (0,0) size 41x100 [bgcolor=#ADD8E6] |
| RenderBlock (floating) {SPAN} at (4,0) size 30x20 [color=#0000FF] |
| RenderText {#text} at (0,0) size 30x19 |
| text run at (0,0) width 30: "float" |
| RenderBlock (floating) {SPAN} at (4,20) size 25x20 [color=#0000FF] |
| RenderText {#text} at (0,0) size 25x19 |
| text run at (0,0) width 25: "floa" |
| RenderText {#text} at (0,40) size 41x39 |
| text run at (0,40) width 41: "longer" |
| text run at (0,60) width 33: "word" |
| RenderBlock (floating) {SPAN} at (4,80) size 18x20 [color=#0000FF] |
| RenderText {#text} at (0,0) size 18x19 |
| text run at (0,0) width 18: "flo" |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock (floating) {SPAN} at (25,80) size 11x20 [color=#0000FF] |
| RenderText {#text} at (0,0) size 10x19 |
| text run at (0,0) width 10: "fl" |
| RenderText {#text} at (0,0) size 0x0 |
