BlockBox: <html> (block) (B) (0,0)->(1024 x 228) 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 228) effMargin=[8.0, 8.0, 8.0, 8.0]  styleMargin=[8.0, 8.0, 8.0, 8.0] 
    AnonymousBlockBox: (anonymous) (block) (I) (8,8)->(1008 x 0) effMargin=[0.0, 0.0, 0.0, 0.0]  styleMargin=[0.0, 0.0, 0.0, 0.0] 
      BlockBox: <div> (block) (B) (floated) (8,8)->(252 x 212) effMargin=[0.0, 0.0, 0.0, 0.0]  styleMargin=[0.0, 0.0, 0.0, 0.0] 
        BlockBox: <p> (block) (I) (8,8)->(252 x 212) effMargin=[0.0, 0.0, 0.0, 0.0]  styleMargin=[0.0, 0.0, 0.0, 0.0] 
          InlineBox: (anonymous) (SE) ( ⇦ This blue box should be on the left. ...) 
      BlockBox: <div> (block) (B) (floated) (764,8)->(252 x 159) effMargin=[0.0, 0.0, 0.0, 0.0]  styleMargin=[0.0, 0.0, 0.0, 0.0] 
        BlockBox: <p> (block) (I) (764,8)->(252 x 159) effMargin=[0.0, 0.0, 0.0, 0.0]  styleMargin=[0.0, 0.0, 0.0, 0.0] 
          InlineBox: (anonymous) (SE) ( This teal box should be on the right. ⇨...) 
    BlockBox: <p> (block) (I) (8,8)->(1008 x 212) effMargin=[0.0, 0.0, 0.0, 0.0]  styleMargin=[0.0, 0.0, 0.0, 0.0] 
      InlineBox: (anonymous) (SE) ( This text should be in between a blue b...) 
