layer at (0,0) size 800x600
  RenderCanvas at (0,0) size 800x600
layer at (0,0) size 800x333
  RenderBlock {HTML} at (0,0) size 800x333
    RenderBody {BODY} at (0,0) size 800x333
      RenderBlock {DIV} at (0,0) size 800x121 [bgcolor=#008000]
        RenderBlock {H1} at (0,51) size 800x70 [color=#FFFFFF] [bgcolor=#000000]
        RenderBlock {DIV} at (0,171) size 800x0 [bgcolor=#000000]
          RenderBlock {UL} at (0,0) size 800x0
            RenderBlock (floating) {LI} at (0,0) size 498x21
              RenderText {TEXT} at (2,2) size 494x17
                text run at (2,2) width 494: "There should be a gap between this float and the green rectangle above."
      RenderBlock {DIV} at (0,221) size 800x49 [bgcolor=#DDDDDD]
        RenderBlock (floating) {DIV} at (2,2) size 28x28 [bgcolor=#FFFFFF]
        RenderBlock (anonymous) at (2,2) size 796x0 [bgcolor=#000000]
          RenderText {TEXT} at (0,0) size 0x0 [bgcolor=#DDDDDD]
        RenderBlock {DIV} at (2,30) size 796x0 [bgcolor=#000000]
        RenderBlock (anonymous) at (2,30) size 796x17 [bgcolor=#000000]
          RenderText {TEXT} at (0,0) size 526x17 [bgcolor=#DDDDDD]
            text run at (0,0) width 409: "This text should be inside a black rectangle and below the 2"
            text run at (409,0) width 117: "em white square."
      RenderBlock {DIV} at (0,284) size 800x49 [bgcolor=#DDDDDD]
        RenderBlock (floating) {DIV} at (2,2) size 28x28 [bgcolor=#FFFFFF]
        RenderBlock (anonymous) at (2,2) size 796x0 [bgcolor=#000000]
          RenderText {TEXT} at (0,0) size 0x0 [bgcolor=#DDDDDD]
        RenderBlock {DIV} at (2,30) size 796x0 [bgcolor=#000000]
        RenderBlock (anonymous) at (2,30) size 796x17 [bgcolor=#000000]
          RenderText {TEXT} at (0,0) size 558x17 [bgcolor=#DDDDDD]
            text run at (0,0) width 441: "This text should also be inside a black rectangle and below the 2"
            text run at (441,0) width 117: "em white square."