Viewport <#document> at (0,0) content-size 800x600 children: not-inline
  BlockContainer <html> at (0,0) content-size 800x33 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x17 children: not-inline
      BlockContainer <div> at (8,8) content-size 784x17 children: inline
        frag 0 from TextNode start: 0, length: 13, rect: [8,8 100.203125x17] baseline: 13.296875
            "hello friends"
        TextNode <#text>
      ImageBox <img> at (50,25) content-size 100x100 positioned children: not-inline

ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x33] overflow: [0,0 800x125]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x17] overflow: [8,8 784x117]
      PaintableWithLines (BlockContainer<DIV>) [8,8 784x17]
        TextPaintable (TextNode<#text>)
      ImagePaintable (ImageBox<IMG>) [50,25 100x100]
