layer at (0,0) size 800x600
  RenderCanvas at (0,0) size 800x600
layer at (0,0) size 800x130
  RenderBlock {HTML} at (0,0) size 800x130
    RenderBody {BODY} at (8,8) size 784x106
      RenderBlock (anonymous) at (0,0) size 784x54
        RenderText {TEXT} at (0,0) size 774x54
          text run at (0,0) width 508: "In this test, you should see three blocks that are aligned right within a black box. "
          text run at (508,0) width 266: "They should 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 311: "The olive boxes and the green box should be 100"
          text run at (559,18) width 191: "x100, 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 784x36
        RenderText {TEXT} at (14,0) size 770x36
          text run at (14,0) width 770: "The black box's top should be aligned with the end of the last line in this parargaph and its left side should begin right after"
          text run at (629,18) width 8: ". "
          text run at (637,18) width 147: "the end of this sentence"
        RenderText {TEXT} at (625,18) size 4x18
          text run at (625,18) width 4: " "
layer at (397,96) size 240x340
  RenderBlock (positioned) {SPAN} at (397,96) size 240x340 [border: (20px solid #000000)]
    RenderText {TEXT} at (0,0) size 0x0
    RenderText {TEXT} at (0,0) size 0x0
    RenderText {TEXT} at (0,0) size 0x0
layer at (517,216) size 100x100
  RenderBlock (positioned) {DIV} at (120,120) size 100x100 [bgcolor=#008000]
layer at (517,116) size 100x100
  RenderBlock (positioned) {DIV} at (120,20) size 100x100 [bgcolor=#808000]
layer at (517,316) size 100x100
  RenderBlock (positioned) {DIV} at (120,220) size 100x100 [bgcolor=#808000]
