layer at (0,0) size 800x600
  LayoutView at (0,0) size 800x600
layer at (0,0) size 800x144
  LayoutBlockFlow {HTML} at (0,0) size 800x144
    LayoutBlockFlow {BODY} at (8,16) size 784x112
      LayoutBlockFlow {P} at (0,0) size 784x20 [color=#000080]
        LayoutText {#text} at (0,0) size 513x19
          text run at (0,0) width 513: "In the following test, the blue blocks should be on the given sides of the teal rectangle."
      LayoutBlockFlow {DIV} at (0,36) size 784x76
        LayoutBlockFlow {DIV} at (16,0) size 752x76 [color=#00FFFF] [bgcolor=#008080]
          LayoutBlockFlow (floating) {P} at (8,8) size 176x56 [color=#FFFFFF] [bgcolor=#000080] [border: (4px solid #0000FF)]
            LayoutText {#text} at (8,8) size 152x39
              text run at (8,8) width 152: "\x{21E6} This blue block should"
              text run at (8,28) width 82: "be on the left."
          LayoutBlockFlow (floating) {P} at (568,8) size 176x56 [color=#FFFFFF] [bgcolor=#000080] [border: (4px solid #0000FF)]
            LayoutText {#text} at (8,8) size 152x39
              text run at (8,8) width 152: "\x{21E8} This blue block should"
              text run at (8,28) width 90: "be on the right."
          LayoutText {#text} at (184,8) size 360x59
            text run at (184,8) width 360: "Teal rectangle. Teal rectangle. Teal rectangle. Teal rectangle."
            text run at (184,28) width 182: "Teal rectangle. Teal rectangle. "
            text run at (365,28) width 179: "Teal rectangle. Teal rectangle."
            text run at (184,48) width 360: "Teal rectangle. Teal rectangle. Teal rectangle. Teal rectangle."