BlockBox: <html> (block) (B) (0,0)->(1024 x 132) 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 132) effMargin=[8.0, 8.0, 8.0, 8.0]  styleMargin=[8.0, 8.0, 8.0, 8.0] 
    BlockBox: <div> (block) (B) (8,8)->(1008 x 116) effMargin=[0.0, 0.0, 0.0, 0.0]  styleMargin=[0.0, 0.0, 0.0, 0.0] 
      AnonymousBlockBox: (anonymous) (block) (I) (10,10)->(1004 x 0) effMargin=[0.0, 0.0, 0.0, 0.0]  styleMargin=[0.0, 0.0, 0.0, 0.0] 
        LineBox: (10,10)->(0,0)
          BlockBox: <div> (block) (B) (floated) (646,10)->(368 x 84) effMargin=[8.0, 8.0, 8.0, 8.0]  styleMargin=[8.0, 8.0, 8.0, 8.0] 
            BlockBox: <p> (block) (I) (670,34)->(320 x 36) effMargin=[0.0, 0.0, 0.0, 0.0]  styleMargin=[0.0, 0.0, 0.0, 0.0] 
              LineBox: (670,34)->(313,18)
                InlineLayoutBox: (anonymous) (S) (baseline=12) (670,35)->(313 x 16)
                  InlineText: (This teal box should start inside the dark blue box)
              LineBox: (670,52)->(252,18)
                InlineLayoutBox: (anonymous) (E) (baseline=12) (670,53)->(252 x 16)
                  InlineText: (and spill out onto the blue area below it.)

      BlockBox: <p> (block) (I) (10,10)->(1004 x 18) effMargin=[0.0, 0.0, 0.0, 0.0]  styleMargin=[0.0, 0.0, 0.0, 0.0] 
        LineBox: (10,10)->(259,18)
          InlineLayoutBox: (anonymous) (SE) (baseline=12) (10,11)->(259 x 16)
            InlineText: (You should see a teal box to the right. ⇨)
