1 layer at (0,0) size 800x600
2 RenderView at (0,0) size 800x600
3 layer at (0,0) size 800x272
4 RenderBlock {HTML} at (0,0) size 800x272
5 RenderBody {BODY} at (8,8) size 784x248
6 RenderBlock (anonymous) at (0,0) size 784x18
7 RenderText {#text} at (0,0) size 493x18
8 text run at (0,0) width 260: "You should see a green rectangle below. "
9 text run at (260,0) width 233: "If you see any red, the test has failed."
10 RenderBlock {P} at (0,162) size 784x16 [border: (1px solid #000000)]
11 RenderText {#text} at (1,-3) size 275x18
12 text run at (1,-3) width 275: "this block should hug the lowercase glyphs."
13 RenderBlock {P} at (0,194) size 784x54
14 RenderBlock (floating) at (0,0) size 22x24
15 RenderTextFragment {#text} at (0,-9) size 22x41
16 text run at (0,-9) width 22: "T"
17 RenderTextFragment {#text} at (24,0) size 409x18
18 text run at (24,0) width 409: "he first letter here should look nicer because it uses glyph bounds"
19 RenderBR {BR} at (433,0) size 0x18
20 RenderText {#text} at (24,18) size 515x18
21 text run at (24,18) width 515: "This should make the top of the T line up with the line and not look shifted down."
22 RenderBR {BR} at (539,18) size 0x18
23 RenderText {#text} at (0,36) size 450x18
24 text run at (0,36) width 450: "Maybe we should do this by default for all first letters like Firefox does."
25 layer at (8,26) size 384x128
26 RenderBlock {DIV} at (0,18) size 384x128 [bgcolor=#FF0000]
27 RenderInline {SPAN} at (0,0) size 320x64 [color=#008000]
28 RenderText {#text} at (0,0) size 320x64
29 text run at (0,0) width 320: "xxxxx"
30 RenderInline {SPAN} at (0,0) size 64x128 [bgcolor=#008000]
31 RenderBR {BR} at (384,0) size 0x64
32 RenderBlock {DIV} at (0,0) size 64x128 [bgcolor=#008000]
33 RenderInline {SPAN} at (0,0) size 320x64 [color=#008000]
34 RenderText {#text} at (64,64) size 320x64
35 text run at (64,64) width 320: "xxxxx"
36 RenderText {#text} at (0,0) size 0x0