layer at (0,0) size 800x600
  RenderView at (0,0) size 800x600
layer at (0,0) size 800x276
  RenderBlock {HTML} at (0,0) size 800x276
    RenderBody {BODY} at (8,8) size 784x252
      RenderBlock (anonymous) at (0,0) size 784x18
        RenderText {#text} at (0,0) size 491x17
          text run at (0,0) width 258: "You should see a green rectangle below. "
          text run at (257,0) width 234: "If you see any red, the test has failed."
      RenderBlock {P} at (0,164) 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,198) size 784x54
        RenderBlock (floating) at (0,0) size 22x25
          RenderText 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,18) size 515x17
          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."
        RenderBR {BR} at (538,18) size 1x17
        RenderText {#text} at (0,36) size 450x17
          text run at (0,36) width 450: "Maybe we should do this by default for all first letters like Firefox does."
layer at (8,26) size 384x130
  RenderBlock {DIV} at (0,18) 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