BlockBox: <html> (block) (B) (0,0)->(1024 x 166) 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 166) effMargin=[18.0, 8.0, 18.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)->(283,18)
        InlineLayoutBox: (anonymous) (SE) (baseline=12) (8,19)->(283 x 16)
          InlineText: (The two diagrams below should be identical.)
    BlockBox: <div> (block) (B) (8,36)->(1008 x 112) effMargin=[18.0, 0.0, 0.0, 0.0]  styleMargin=[0.0, 0.0, 0.0, 0.0] 
      BlockBox: <p> (block) (I) (8,54)->(600 x 40) effMargin=[0.0, 40.0, 0.0, 40.0]  styleMargin=[0.0, 40.0, 0.0, 40.0] 
        LineBox: (128,54)->(177,40)
          InlineLayoutBox: (anonymous) (SE) (baseline=39) (128,54)->(177 x 48)
            InlineText: (X X X X X)
      BlockBox: <p> (block) (B) (8,94)->(1008 x 54) effMargin=[18.0, 0.0, 0.0, 0.0]  styleMargin=[18.0, 0.0, 18.0, 0.0] 
        BlockBox: <object> (block) (B) (8,112)->(1008 x 36) effMargin=[0.0, 0.0, 0.0, 0.0]  styleMargin=[0.0, 0.0, 0.0, 0.0] 
          BlockBox: <p> (block) (I) (8,112)->(1008 x 36) effMargin=[0.0, 0.0, 0.0, 0.0]  styleMargin=[18.0, 0.0, 18.0, 0.0] 
            LineBox: (8,112)->(973,18)
              InlineLayoutBox: (anonymous) (S) (baseline=12) (8,113)->(973 x 16)
                InlineText: (The diagram above should be as described here: A 40px white square (which will appear as a 40px indent from the left margin), a 40px fuchsia square, six)
            LineBox: (8,130)->(518,18)
              InlineLayoutBox: (anonymous) (E) (baseline=12) (8,131)->(518 x 16)
                InlineText: (40px aqua squares separated by five 40px blue squares, and a final fuchsia square.)
