BlockBox: <html> (block) (B) (0,0)->(1024 x 246) 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 246) effMargin=[13.0, 8.0, 15.0, 8.0]  styleMargin=[8.0, 8.0, 8.0, 8.0] 
    BlockBox: <p> (block) (I) (8,13)->(1008 x 13) effMargin=[0.0, 0.0, 0.0, 0.0]  styleMargin=[13.0, 0.0, 13.0, 0.0] 
      LineBox: (8,13)->(778,13)
        InlineLayoutBox: (anonymous) (SE) (baseline=9) (8,14)->(778 x 12)
          InlineText: (Change your window size. However the lines wrap, the blue rectanglues should always have their middles on the same alignment as other blue rectangles on the line.)
    BlockBox: <p> (block) (I) (8,26)->(1008 x 205) effMargin=[15.0, 15.0, 0.0, 15.0]  styleMargin=[15.0, 15.0, 15.0, 15.0] 
      LineBox: (32,50)->(917,82)
        InlineLayoutBox: (anonymous) (S) (baseline=15) (32,91)->(917 x 18)
          InlineText: (ÉÉÉ )
          BlockBox: <img> (inline-block) (E) (61,84)->(30 x 30) effMargin=[0.0, 0.0, 0.0, 0.0]  styleMargin=[0.0, 0.0, 0.0, 0.0] 
          InlineText: ( )
          InlineLayoutBox: <span> (SE) (baseline=37) (96,69)->(69 x 45)
            InlineText: (xxx)
          InlineText: ( )
          BlockBox: <img> (inline-block) (E) (170,74)->(50 x 50) effMargin=[0.0, 0.0, 0.0, 0.0]  styleMargin=[0.0, 0.0, 0.0, 0.0] 
          InlineText: ( ÉÉÉ )
          BlockBox: <img> (inline-block) (E) (254,94)->(10 x 10) effMargin=[0.0, 0.0, 0.0, 0.0]  styleMargin=[0.0, 0.0, 0.0, 0.0] 
          InlineText: ( )
          InlineLayoutBox: <small> (SE) (baseline=10) (269,96)->(18 x 12)
            InlineText: (xxx)
          InlineText: ( )
          BlockBox: <img> (inline-block) (E) (292,89)->(20 x 20) effMargin=[0.0, 0.0, 0.0, 0.0]  styleMargin=[0.0, 0.0, 0.0, 0.0] 
          InlineText: ( ÉÉÉ )
          BlockBox: <img> (inline-block) (E) (346,67)->(65 x 65) effMargin=[0.0, 0.0, 0.0, 0.0]  styleMargin=[0.0, 0.0, 0.0, 0.0] 
          InlineText: ( ÉÉÉ )
          BlockBox: <img> (inline-block) (E) (445,82)->(35 x 35) effMargin=[0.0, 0.0, 0.0, 0.0]  styleMargin=[0.0, 0.0, 0.0, 0.0] 
          InlineText: ( )
          InlineLayoutBox: <span> (SE) (baseline=29) (485,77)->(54 x 36)
            InlineText: (xxx)
          InlineText: ( )
          BlockBox: <img> (inline-block) (E) (544,74)->(50 x 50) effMargin=[0.0, 0.0, 0.0, 0.0]  styleMargin=[0.0, 0.0, 0.0, 0.0] 
          InlineText: ( )
          InlineLayoutBox: <span> (SE) (baseline=22) (599,84)->(206 x 28)
            InlineText: (xxx )
            InlineLayoutBox: <span> (SE) (baseline=56) (648,50)->(108 x 69)
              InlineText: (xxx)
            InlineText: ( xxx)
          InlineText: ( )
          BlockBox: <img> (inline-block) (E) (810,74)->(50 x 50) effMargin=[0.0, 0.0, 0.0, 0.0]  styleMargin=[0.0, 0.0, 0.0, 0.0] 
          InlineText: ( )
          InlineLayoutBox: <small> (SE) (baseline=10) (865,96)->(18 x 12)
            InlineText: (xxx)
          InlineText: ( )
          BlockBox: <img> (inline-block) (E) (888,92)->(15 x 15) effMargin=[0.0, 0.0, 0.0, 0.0]  styleMargin=[0.0, 0.0, 0.0, 0.0] 
          InlineText: ( )
          InlineLayoutBox: <big> (SE) (baseline=19) (908,87)->(36 x 24)
            InlineText: (xxx)
          InlineText: ( )
      LineBox: (32,132)->(119,90)
        InlineLayoutBox: (anonymous) (E) (baseline=15) (32,169)->(119 x 18)
          BlockBox: <img> (inline-block) (E) (32,132)->(90 x 90) effMargin=[0.0, 0.0, 0.0, 0.0]  styleMargin=[0.0, 0.0, 0.0, 0.0] 
          InlineText: ( ÉÉÉ)
