Viewport <#document> at (0,0) content-size 800x600 children: not-inline
  BlockContainer <html> at (1,1) content-size 798x600 [BFC] children: not-inline
    BlockContainer <body> at (10,10) content-size 780x94 children: inline
      frag 0 from TextNode start: 0, length: 13, rect: [10,33 103.140625x18] baseline: 13.796875
          "Hello friends"
      frag 1 from BlockContainer start: 0, length: 0, rect: [114.140625,11 202x92] baseline: 36.796875
      TextNode <#text>
      BlockContainer <div.ib> at (114.140625,11) content-size 202x92 inline-block [BFC] children: not-inline
        BlockContainer <div> at (115.140625,12) content-size 200x18 children: inline
          frag 0 from TextNode start: 0, length: 3, rect: [115.140625,12 22.546875x18] baseline: 13.796875
              "1st"
          TextNode <#text>
        BlockContainer <div> at (115.140625,32) content-size 200x18 children: inline
          frag 0 from TextNode start: 0, length: 3, rect: [115.140625,32 26.28125x18] baseline: 13.796875
              "2nd"
          TextNode <#text>
        BlockContainer <div.whee> at (115.140625,52) content-size 200x50 children: not-inline
        BlockContainer <(anonymous)> at (114.140625,103) content-size 202x0 children: inline
          TextNode <#text>

ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x602]
    PaintableWithLines (BlockContainer<BODY>) [9,9 782x96]
      TextPaintable (TextNode<#text>)
      PaintableWithLines (BlockContainer<DIV>.ib) [113.140625,10 204x94]
        PaintableWithLines (BlockContainer<DIV>) [114.140625,11 202x20]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer<DIV>) [114.140625,31 202x20]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer<DIV>.whee) [114.140625,51 202x52]
        PaintableWithLines (BlockContainer(anonymous)) [114.140625,103 202x0]
