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

ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x34]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x18]
      PaintableWithLines (BlockContainer<DIV>) [8,8 784x18]
        TextPaintable (TextNode<#text>)
      ImagePaintable (ImageBox<IMG>) [50,26 100x100]
