layer at (0,0) size 800x600
  RenderView at (0,0) size 800x600
layer at (0,0) size 800x200
  RenderBlock {HTML} at (0,0) size 800x200
    RenderBody {BODY} at (8,16) size 784x40
      RenderBlock {P} at (0,0) size 784x40
        RenderText {#text} at (0,0) size 753x39
          text run at (0,0) width 753: "Below there should be a green square. In the middle of such green square, a black horizontal stripe should be traversing it and"
          text run at (0,20) width 434: "protruding out of it toward the right. There should be no red in this page."
      RenderBlock (floating) {DIV} at (0,56) size 128x128 [bgcolor=#FF0000]
        RenderBlock (floating) {SPAN} at (0,0) size 128x128 [bgcolor=#008000]
          RenderText {#text} at (0,48) size 256x32
            text run at (0,48) width 256: "XXXXXXXX"