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 784x18
        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,162) size 784x16 [border: (1px solid #000000)]
        RenderText {#text} at (1,-2) size 275x17
          text run at (1,-2) width 275: "this block should hug the lowercase glyphs."
      RenderBlock {P} at (0,194) 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 (539,18) size 0x17
        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 384x128
  RenderBlock {DIV} at (0,18) size 384x128 [bgcolor=#FF0000]
    RenderInline {SPAN} at (0,0) size 320x64 [color=#008000]
      RenderText {#text} at (0,0) size 320x64
        text run at (0,0) width 320: "xxxxx"
    RenderInline {SPAN} at (0,0) size 64x128 [bgcolor=#008000]
    RenderBR {BR} at (384,0) size 0x64
    RenderBlock {DIV} at (0,0) size 64x128 [bgcolor=#008000]
    RenderInline {SPAN} at (0,0) size 320x64 [color=#008000]
      RenderText {#text} at (64,64) size 320x64
        text run at (64,64) width 320: "xxxxx"
    RenderText {#text} at (0,0) size 0x0