layer at (0,0) size 800x600
  RenderView at (0,0) size 800x600
layer at (0,0) size 800x284
  RenderBlock {HTML} at (0,0) size 800x284
    RenderBody {BODY} at (8,8) size 784x260
      RenderBlock (anonymous) at (0,0) size 784x20
        RenderText {#text} at (0,0) size 499x19
          text run at (0,0) width 261: "You should see a green rectangle below. "
          text run at (260,0) width 239: "If you see any red, the test has failed."
      RenderBlock {P} at (0,166) size 784x18 [border: (1px solid #000000)]
        RenderText {#text} at (1,-2) size 280x19
          text run at (1,-2) width 280: "this block should hug the lowercase glyphs."
      RenderBlock {P} at (0,200) size 784x60
        RenderBlock (floating) at (0,0) size 22x25
          RenderText {#text} at (0,-9) size 22x41
            text run at (0,-9) width 22: "T"
        RenderText {#text} at (24,0) size 419x19
          text run at (24,0) width 419: "he first letter here should look nicer because it uses glyph bounds"
        RenderBR {BR} at (442,0) size 1x19
        RenderText {#text} at (24,20) size 524x19
          text run at (24,20) width 524: "This should make the top of the T line up with the line and not look shifted down."
        RenderBR {BR} at (547,20) size 1x19
        RenderText {#text} at (0,40) size 462x19
          text run at (0,40) width 462: "Maybe we should do this by default for all first letters like Firefox does."
layer at (8,28) size 384x130
  RenderBlock {DIV} at (0,20) size 384x130 [bgcolor=#FF0000]
    RenderInline {SPAN} at (0,0) size 320x65 [color=#008000]
      RenderText {#text} at (0,0) size 320x65
        text run at (0,0) width 320: "xxxxx"
    RenderInline {SPAN} at (0,0) size 64x129 [bgcolor=#008000]
    RenderBR {BR} at (384,0) size 0x65
    RenderBlock {DIV} at (0,2) size 64x128 [bgcolor=#008000]
    RenderInline {SPAN} at (0,0) size 320x65 [color=#008000]
      RenderText {#text} at (64,65) size 320x65
        text run at (64,65) width 320: "xxxxx"
    RenderText {#text} at (0,0) size 0x0
