1 layer at (0,0) size 800x600
2 RenderView at (0,0) size 800x600
3 layer at (0,0) size 800x600
4 RenderBlock {HTML} at (0,0) size 800x600
5 RenderBody {BODY} at (8,8) size 784x584
6 RenderBlock {DIV} at (0,0) size 784x18
7 RenderBlock (floating) {DIV} at (515,0) size 269x104 [border: (2px solid #FF0000)]
8 RenderText {#text} at (2,2) size 265x17
9 text run at (2,2) width 265: "I should become a right-floating element."
10 RenderBlock (anonymous) at (0,0) size 784x18
11 RenderText {#text} at (0,0) size 402x17
12 text run at (0,0) width 200: "This text should be on the left. "
13 text run at (199,0) width 203: "The float should be to the right."
14 RenderBlock {DIV} at (0,18) size 784x30
15 RenderBlock {DIV} at (0,48) size 784x36
16 RenderBlock (floating) {SPAN} at (0,0) size 260x104 [border: (2px solid #FF0000)]
17 RenderText {#text} at (2,2) size 256x17
18 text run at (2,2) width 256: "I should become a left-floating element."
19 RenderText {#text} at (260,0) size 233x35
20 text run at (260,0) width 208: "This text should be on the right. "
21 text run at (467,0) width 26: "The"
22 text run at (260,18) width 165: "float should be to the left."