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