layer at (0,0) size 800x600
  LayoutView at (0,0) size 800x600
layer at (0,0) size 800x220
  LayoutBlockFlow {HTML} at (0,0) size 800x220
    LayoutBlockFlow {BODY} at (8,16) size 784x132
      LayoutBlockFlow {P} at (0,0) size 784x20 [color=#000080]
        LayoutText {#text} at (0,0) size 567x19
          text run at (0,0) width 358: "In the following test, the teal squares must be just inside the "
          text run at (358,0) width 209: "top and sides of the blue rectangle."
      LayoutBlockFlow {DIV} at (0,36) size 784x96
        LayoutBlockFlow {DIV} at (16,0) size 752x96 [color=#0000FF] [bgcolor=#000080] [border: (8px solid #0000FF) none (8px solid #0000FF)]
          LayoutImage (floating) {IMG} at (8,8) size 160x160 [color=#FFFF00] [bgcolor=#FF0000]
          LayoutImage (floating) {IMG} at (584,8) size 160x160 [color=#FFFF00] [bgcolor=#FF0000]
          LayoutText {#text} at (168,8) size 399x79
            text run at (168,8) width 399: "Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue"
            text run at (168,28) width 341: "rectangle. Blue rectangle. Blue rectangle. Blue rectangle. "
            text run at (509,28) width 27: "Blue"
            text run at (168,48) width 368: "rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue"
            text run at (168,68) width 337: "rectangle. Blue rectangle. Blue rectangle. Blue rectangle."