BlockBox: <html> (block) (B) (0,0)->(1024 x 129) 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 129) effMargin=[18.0, 8.0, 15.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)->(162,18)
        InlineLayoutBox: (anonymous) (SE) (baseline=12) (8,19)->(162 x 16)
          InlineText: (It should say "HI" below:)
    BlockBox: <div> (block) (I) (8,36)->(195 x 78) effMargin=[18.0, 15.0, 0.0, 15.0]  styleMargin=[15.0, 15.0, 15.0, 15.0] 
      LineBox: (23,54)->(110,15)
        InlineLayoutBox: (anonymous) (S) (baseline=15) (23,54)->(110 x 18)
          InlineText: (xx xx xx )
          InlineLayoutBox: <span> (S) (baseline=15) (92,54)->(41 x 18)
            InlineText: (xx xx)
      LineBox: (23,69)->(155,15)
        InlineLayoutBox: (anonymous) (baseline=15) (23,69)->(155 x 18)
          InlineLayoutBox: <span> (E) (baseline=15) (23,69)->(132 x 18)
            InlineText: (xx xx xx xx)
          InlineText: ( xx)
      LineBox: (23,84)->(156,15)
        InlineLayoutBox: (anonymous) (baseline=15) (23,84)->(156 x 18)
          InlineText: (xx xx xx xx xx xx xx)
      LineBox: (23,99)->(41,15)
        InlineLayoutBox: (anonymous) (E) (baseline=15) (23,99)->(41 x 18)
          InlineText: (xx xx)
