layer at (0,0) size 800x600
  RenderView at (0,0) size 800x600
layer at (0,0) size 800x600
  RenderBlock {HTML} at (0,0) size 800x600
    RenderBody {BODY} at (8,8) size 784x576
      RenderBlock {P} at (0,0) size 784x54
        RenderText {#text} at (0,0) size 768x54
          text run at (0,0) width 502: "On the left, you should see three blocks that are aligned left within a black box. "
          text run at (502,0) width 83: "They should "
          text run at (585,0) width 183: "be stacked vertically with the"
          text run at (0,18) width 248: "green box in between two olive boxes. "
          text run at (248,18) width 194: "The olive boxes and the green "
          text run at (442,18) width 308: "box should be 100x100, and there should be 100"
          text run at (0,36) width 322: "pixels of padding on the right side of the box stack."
      RenderBlock {P} at (0,70) size 784x54
        RenderText {#text} at (0,0) size 753x54
          text run at (0,0) width 487: "On the right, you should see two blocks that are centered within a black box. "
          text run at (487,0) width 102: "They should be "
          text run at (589,0) width 164: "stacked vertically with the"
          text run at (0,18) width 455: "green box below the olive box. The olive box and the green box should "
          text run at (455,18) width 292: "be 100x100, and there should be 100 pixels of"
          text run at (0,36) width 247: "padding on either side of the box stack."
layer at (8,148) size 240x340
  RenderBlock (positioned) {DIV} at (8,148) size 240x340 [border: (20px solid #000000)]
    RenderTable {TABLE} at (20,20) size 100x100
      RenderTableSection {TBODY} at (0,0) size 100x100
        RenderTableRow {TR} at (0,0) size 100x100
          RenderTableCell {TD} at (0,0) size 100x100 [r=0 c=0 rs=1 cs=1]
            RenderBlock {DIV} at (0,0) size 100x100 [bgcolor=#808000]
layer at (28,268) size 100x100
  RenderBlock (positioned) {DIV} at (20,120) size 100x100 [bgcolor=#008000]
layer at (28,368) size 100x100
  RenderBlock (positioned) {DIV} at (20,220) size 100x100 [bgcolor=#808000]
layer at (300,148) size 340x240
  RenderBlock (positioned) {DIV} at (300,148) size 340x240 [border: (20px solid #000000)]
layer at (320,168) size 200x100
  RenderBlock (relative positioned) {DIV} at (20,20) size 200x100
    RenderBlock {DIV} at (100,0) size 100x100 [bgcolor=#808000]
layer at (420,268) size 100x100
  RenderBlock (positioned) {DIV} at (100,100) size 100x100 [bgcolor=#008000]