layer at (0,0) size 800x600
  RenderView at (0,0) size 800x600
layer at (0,0) size 800x256
  RenderBlock {HTML} at (0,0) size 800x256
    RenderBody {BODY} at (8,16) size 784x190
      RenderBlock {P} at (0,0) size 784x36
        RenderText {#text} at (0,0) size 755x35
          text run at (0,0) width 755: "There should be four identical white boxes in the teal block below, all the same size, each one a little lower down on the"
          text run at (0,18) width 134: "line, in a step pattern."
      RenderBlock {DIV} at (50,86) size 684x104 [color=#FFFFFF] [bgcolor=#008080]
        RenderInline {SPAN} at (0,0) size 51x51
          RenderText {#text} at (12,12) size 51x51
            text run at (12,12) width 51: "X"
        RenderText {#text} at (62,30) size 51x51
          text run at (62,30) width 51: " "
        RenderImage {IMG} at (112,20) size 51x51
        RenderText {#text} at (162,30) size 151x51
          text run at (162,30) width 151: " X "
        RenderInline {SPAN} at (0,0) size 51x51
          RenderText {#text} at (312,41) size 51x51
            text run at (312,41) width 51: "X"