layer at (0,0) size 800x600
  RenderView at (0,0) size 800x600
layer at (0,0) size 800x220
  RenderBlock {HTML} at (0,0) size 800x220
    RenderBody {BODY} at (8,16) size 784x112
      RenderBlock {P} at (0,0) size 784x20 [color=#000080]
        RenderText {#text} at (0,0) size 378x19
          text run at (0,0) width 233: "In the following test, the purple square "
          text run at (233,0) width 145: "should be on the left (\x{21E6}"
        RenderImage {IMG} at (378,-1) size 19x21
        RenderText {#text} at (397,0) size 206x19
          text run at (397,0) width 206: "), and the teal square on the right ("
        RenderImage {IMG} at (603,-1) size 19x21
        RenderText {#text} at (622,0) size 149x19
          text run at (622,0) width 91: "\x{21E8}) of the blue "
          text run at (713,0) width 58: "rectangle."
      RenderBlock {DIV} at (0,36) size 784x76
        RenderBlock {DIV} at (16,0) size 752x76 [color=#0000FF] [bgcolor=#000080]
          RenderImage {IMG} at (8,8) size 160x160
          RenderImage {IMG} at (584,8) size 160x160
          RenderText {#text} at (168,8) size 399x59
            text run at (168,8) width 399: "Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue"
            text run at (168,28) width 155: "rectangle. Blue rectangle. "
            text run at (323,28) width 213: "Blue rectangle. Blue rectangle. Blue"
            text run at (168,48) width 337: "rectangle. Blue rectangle. Blue rectangle. Blue rectangle."