BlockBox: <html> (block) (B) (0,0)->(1024 x 261) 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 261) effMargin=[18.0, 8.0, 50.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)->(893,18)
        InlineLayoutBox: (anonymous) (SE) (baseline=12) (8,19)->(893 x 16)
          InlineText: (There should be four identical white boxes in the teal block below, all the same size, each one a little lower down on the line, in a step pattern.)
    BlockBox: <div> (block) (I) (8,36)->(1008 x 175) effMargin=[50.0, 50.0, 0.0, 50.0]  styleMargin=[50.0, 50.0, 50.0, 50.0] 
      LineBox: (71,99)->(191,99)
        InlineLayoutBox: (anonymous) (SE) (baseline=48) (71,124)->(160 x 59)
          InlineLayoutBox: <span> (SE) (baseline=48) (71,99)->(31 x 59)
            InlineText: (X)
          InlineText: ( )
          BlockBox: <img> (inline-block) (E) (118,122)->(50 x 50) effMargin=[0.0, 0.0, 0.0, 0.0]  styleMargin=[0.0, 0.0, 0.0, 0.0] 
          InlineText: ( X )
        InlineLayoutBox: <span> (SE) (baseline=48) (231,148)->(31 x 59)
          InlineText: (X)
