| 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 (0,0) size 800x600 |
| RenderBlock {DIV} at (0,0) size 800x121 [bgcolor=#008000] [border: (1px solid #FFFFFF) none] |
| RenderBlock {H1} at (0,51) size 800x70 [color=#FFFFFF] |
| RenderBlock {DIV} at (0,171) size 800x0 |
| RenderBlock {UL} at (0,0) size 800x0 |
| RenderBlock (floating) {LI} at (0,0) size 435x24 [border: (2px solid #0000FF)] |
| RenderText {#text} at (2,2) size 431x19 |
| text run at (2,2) width 431: "There should be a gap between this float and the green rectangle above." |
| RenderBlock {DIV} at (0,221) size 800x56 [bgcolor=#DDDDDD] [border: (2px solid #000000)] |
| RenderBlock (floating) {DIV} at (2,2) size 32x32 [bgcolor=#FFFFFF] |
| RenderBlock {DIV} at (2,34) size 796x0 |
| RenderBlock (anonymous) at (2,34) size 796x20 |
| RenderText {#text} at (0,0) size 460x19 |
| text run at (0,0) width 460: "This text should be inside a black rectangle and below the 2em white square." |
| RenderBlock {DIV} at (0,293) size 800x72 [bgcolor=#DDDDDD] [border: (2px solid #000000)] |
| RenderBlock (floating) {DIV} at (2,2) size 32x32 [bgcolor=#FFFFFF] |
| RenderBlock {DIV} at (2,34) size 796x0 |
| RenderBlock (anonymous) at (2,50) size 796x20 |
| RenderText {#text} at (0,0) size 488x19 |
| text run at (0,0) width 488: "This text should also be inside a black rectangle and below the 2em white square." |
