BlockBox: <html> (block) (B) (0,0)->(1024 x 222) effMargin=[0.0, 0.0, 0.0, 0.0]  styleMargin=[0.0, 0.0, 0.0, 0.0] 
  BlockBox: <body> (block) (B) (0,0)->(1024 x 140) effMargin=[18.0, 8.0, 16.0, 8.0]  styleMargin=[8.0, 8.0, 8.0, 8.0] 
    BlockBox: <p> (block) (I) (8,18)->(1008 x 18) effMargin=[0.0, 0.0, 0.0, 0.0]  styleMargin=[18.0, 0.0, 18.0, 0.0] 
      LineBox: (8,18)->(595,18)
        InlineLayoutBox: (anonymous) (SE) (baseline=12) (8,19)->(595 x 16)
          InlineText: (In the following test, the teal squares must be just inside the top and sides of the blue rectangle.)
    BlockBox: <div> (block) (B) (8,36)->(1008 x 88) effMargin=[18.0, 0.0, 0.0, 0.0]  styleMargin=[0.0, 0.0, 0.0, 0.0] 
      BlockBox: <div> (block) (I) (8,54)->(1008 x 70) effMargin=[0.0, 16.0, 0.0, 16.0]  styleMargin=[16.0, 16.0, 16.0, 16.0] 
        LineBox: (192,62)->(624,18)
          BlockBox: <img> (inline-block) (E) (floated) (8,54)->(160 x 160) effMargin=[0.0, 0.0, 0.0, 0.0]  styleMargin=[0.0, 0.0, 0.0, 0.0] 
          BlockBox: <img> (inline-block) (E) (floated) (808,54)->(160 x 160) effMargin=[0.0, 0.0, 0.0, 0.0]  styleMargin=[0.0, 0.0, 0.0, 0.0] 
          InlineLayoutBox: (anonymous) (S) (baseline=12) (192,63)->(624 x 16)
            InlineText: (Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue)
        LineBox: (192,80)->(590,18)
          InlineLayoutBox: (anonymous) (baseline=12) (192,81)->(590 x 16)
            InlineText: (rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue)
        LineBox: (192,98)->(358,18)
          InlineLayoutBox: (anonymous) (E) (baseline=12) (192,99)->(358 x 16)
            InlineText: (rectangle. Blue rectangle. Blue rectangle. Blue rectangle.)
