| layer at (0,0) size 800x600 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x272 |
| RenderBlock {HTML} at (0,0) size 800x272 |
| RenderBody {BODY} at (8,8) size 784x248 |
| RenderBlock (anonymous) at (0,0) size 784x17 |
| RenderText {#text} at (0,0) size 493x17 |
| text run at (0,0) width 260: "You should see a green rectangle below. " |
| text run at (260,0) width 233: "If you see any red, the test has failed." |
| RenderBlock {P} at (0,163) size 784x18 [border: (1px solid #000000)] |
| RenderText {#text} at (1,-1) size 275x17 |
| text run at (1,-1) width 275: "this block should hug the lowercase glyphs." |
| RenderBlock {P} at (0,197) size 784x51 |
| RenderBlock (floating) at (0,0) size 22x25 |
| RenderText {#text} at (0,-8) size 22x40 |
| text run at (0,-8) width 22: "T" |
| RenderText {#text} at (24,0) size 409x17 |
| text run at (24,0) width 409: "he first letter here should look nicer because it uses glyph bounds" |
| RenderBR {BR} at (433,0) size 0x17 |
| RenderText {#text} at (24,17) size 515x17 |
| text run at (24,17) width 515: "This should make the top of the T line up with the line and not look shifted down." |
| RenderBR {BR} at (539,17) size 0x17 |
| RenderText {#text} at (0,34) size 450x17 |
| text run at (0,34) width 450: "Maybe we should do this by default for all first letters like Firefox does." |
| layer at (8,25) size 384x130 |
| RenderBlock {DIV} at (0,17) size 384x130 [bgcolor=#FF0000] |
| RenderInline {SPAN} at (0,0) size 320x64 [color=#008000] |
| RenderText {#text} at (0,1) size 320x64 |
| text run at (0,1) width 320: "xxxxx" |
| RenderInline {SPAN} at (0,0) size 64x128 [bgcolor=#008000] |
| RenderBR {BR} at (384,1) size 0x64 |
| RenderBlock {DIV} at (0,2) size 64x128 [bgcolor=#008000] |
| RenderInline {SPAN} at (0,0) size 320x64 [color=#008000] |
| RenderText {#text} at (64,66) size 320x64 |
| text run at (64,66) width 320: "xxxxx" |
| RenderText {#text} at (0,0) size 0x0 |