layer at (0,0) size 800x600
  RenderView at (0,0) size 800x600
layer at (0,0) size 800x491
  RenderBlock {HTML} at (0,0) size 800x491
    RenderBody {BODY} at (8,8) size 784x475
      RenderBlock {DIV} at (0,0) size 784x69
        RenderText {#text} at (0,28) size 71x17
          text run at (0,28) width 71: "before text "
        RenderBlock {DIV} at (71,0) size 73x69 [bgcolor=#D3D3D3] [border: (11px solid #FFC0CB)]
          RenderFlexibleBox {DIV} at (11,18) size 51x40
            RenderBlock (anonymous) at (0,10) size 51x30
              RenderText {#text} at (0,0) size 51x17
                text run at (0,0) width 51: "baseline"
        RenderText {#text} at (144,28) size 59x17
          text run at (144,28) width 59: " after text"
      RenderBlock {DIV} at (0,69) size 784x114
        RenderText {#text} at (0,68) size 84x17
          text run at (0,68) width 84: "Should align "
        RenderBlock {DIV} at (84,8) size 98x98 [border: (11px solid #FFC0CB)]
          RenderFlexibleBox {DIV} at (11,11) size 76x76 [bgcolor=#FFC0CB]
            RenderBlock {DIV} at (13,13) size 50x50 [bgcolor=#D3D3D3]
        RenderText {#text} at (182,68) size 59x17
          text run at (182,68) width 59: " with the "
        RenderBlock {DIV} at (241,21) size 72x72
          RenderFlexibleBox {DIV} at (0,0) size 72x72 [bgcolor=#FFC0CB] [border: (11px solid #FFC0CB)]
            RenderBlock {DIV} at (11,11) size 50x50 [bgcolor=#D3D3D3]
        RenderText {#text} at (313,68) size 69x17
          text run at (313,68) width 69: " bottom of "
        RenderBlock {DIV} at (382,0) size 72x114
          RenderFlexibleBox {DIV} at (0,21) size 72x72 [bgcolor=#FFC0CB] [border: (11px solid #FFC0CB)]
            RenderBlock {DIV} at (11,11) size 50x50 [bgcolor=#D3D3D3]
        RenderText {#text} at (454,68) size 59x17
          text run at (454,68) width 59: " the grey "
        RenderFlexibleBox {DIV} at (513,41) size 52x52 [bgcolor=#D3D3D3] [border: (11px solid #FFC0CB)]
        RenderText {#text} at (565,68) size 32x17
          text run at (565,68) width 32: " box."
      RenderBlock {DIV} at (0,183) size 784x64
        RenderText {#text} at (0,18) size 139x17
          text run at (0,18) width 139: "Should align with the "
        RenderBlock {DIV} at (139,0) size 48x64
          RenderFlexibleBox {DIV} at (0,0) size 48x64 [bgcolor=#FFC0CB]
            RenderBlock {DIV} at (0,8) size 48x48 [bgcolor=#D3D3D3] [border: (11px solid #FFC0CB)]
        RenderText {#text} at (187,18) size 68x17
          text run at (187,18) width 68: " middle of "
        RenderFlexibleBox {DIV} at (255,8) size 48x48 [bgcolor=#D3D3D3] [border: (11px solid #FFC0CB)]
        RenderText {#text} at (303,18) size 87x17
          text run at (303,18) width 87: " the grey box."
      RenderBlock {DIV} at (0,247) size 784x178
        RenderText {#text} at (0,85) size 163x17
          text run at (0,85) width 163: "Should align with the top "
        RenderBlock {DIV} at (163,8) size 146x162 [bgcolor=#FFC0CB] [border: (11px solid #FFC0CB)]
          RenderFlexibleBox {DIV} at (24,32) size 98x98 [border: (11px solid #FFC0CB)]
        RenderText {#text} at (309,85) size 169x17
          text run at (309,85) width 169: " of the horizontal scrollbar."
      RenderBlock {DIV} at (0,425) size 784x50
        RenderText {#text} at (0,11) size 185x17
          text run at (0,11) width 185: "Should align 10px above the "
        RenderBlock {DIV} at (185,0) size 50x50 [bgcolor=#FFC0CB]
          RenderFlexibleBox {DIV} at (0,0) size 50x50
        RenderText {#text} at (235,11) size 232x17
          text run at (235,11) width 232: " horizontal scrollbar, if one is visible."
layer at (219,323) size 50x46 clip at (219,332) size 35x22
  RenderBlock {DIV} at (24,28) size 50x46 [bgcolor=#D3D3D3] [border: (9px solid #FFC0CB) none]
layer at (193,433) size 50x50 clip at (193,433) size 35x35
  RenderBlock {DIV} at (0,0) size 50x50 [bgcolor=#D3D3D3]