BlockBox: <html> (block) (B) (0,0)->(1024 x 270) 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 270) 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)->(761,13)
        InlineLayoutBox: (anonymous) (SE) (baseline=9) (8,14)->(761 x 12)
          InlineText: (Change your window size. However the lines wrap, the blue rectanglues should always have their tops on the same alignment as other blue rectangles on the line.)
    BlockBox: <p> (block) (I) (8,26)->(1008 x 229) effMargin=[15.0, 15.0, 0.0, 15.0]  styleMargin=[15.0, 15.0, 15.0, 15.0] 
      LineBox: (32,50)->(918,106)
        InlineLayoutBox: (anonymous) (S) (baseline=15) (32,91)->(918 x 18)
          InlineText: (xxx )
          BlockBox: <img> (inline-block) (E) (64,91)->(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) (99,69)->(69 x 45)
            InlineText: (xxx)
          InlineText: ( )
          BlockBox: <img> (inline-block) (E) (173,91)->(50 x 50) effMargin=[0.0, 0.0, 0.0, 0.0]  styleMargin=[0.0, 0.0, 0.0, 0.0] 
          InlineText: ( )
          InlineLayoutBox: <big> (SE) (baseline=19) (228,87)->(36 x 24)
            InlineText: (xxx)
          InlineText: ( )
          BlockBox: <img> (inline-block) (E) (269,91)->(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) (284,96)->(18 x 12)
            InlineText: (xxx)
          InlineText: ( )
          BlockBox: <img> (inline-block) (E) (307,91)->(20 x 20) effMargin=[0.0, 0.0, 0.0, 0.0]  styleMargin=[0.0, 0.0, 0.0, 0.0] 
          InlineText: ( xxx )
          BlockBox: <img> (inline-block) (E) (364,91)->(65 x 65) effMargin=[0.0, 0.0, 0.0, 0.0]  styleMargin=[0.0, 0.0, 0.0, 0.0] 
          InlineText: ( )
          InlineLayoutBox: <span> (SE) (baseline=29) (434,77)->(54 x 36)
            InlineText: (xxx)
          InlineText: ( )
          BlockBox: <img> (inline-block) (E) (493,91)->(35 x 35) effMargin=[0.0, 0.0, 0.0, 0.0]  styleMargin=[0.0, 0.0, 0.0, 0.0] 
          InlineText: ( xxx )
          BlockBox: <img> (inline-block) (E) (565,91)->(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=22) (600,84)->(206 x 28)
            InlineText: (xxx )
            InlineLayoutBox: <span> (SE) (baseline=56) (649,50)->(108 x 69)
              InlineText: (xxx)
            InlineText: ( xxx)
          InlineText: ( )
          BlockBox: <img> (inline-block) (E) (811,91)->(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) (866,96)->(18 x 12)
            InlineText: (xxx)
          InlineText: ( )
          BlockBox: <img> (inline-block) (E) (889,91)->(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) (909,87)->(36 x 24)
            InlineText: (xxx)
          InlineText: ( )
      LineBox: (32,156)->(122,90)
        InlineLayoutBox: (anonymous) (E) (baseline=15) (32,156)->(122 x 18)
          BlockBox: <img> (inline-block) (E) (32,156)->(90 x 90) effMargin=[0.0, 0.0, 0.0, 0.0]  styleMargin=[0.0, 0.0, 0.0, 0.0] 
          InlineText: ( xxx)
