Viewport <#document> at (0,0) content-size 800x600 children: not-inline
  BlockContainer <html> at (0,0) content-size 800x216 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x200 children: inline
      frag 0 from TextNode start: 0, length: 1, rect: [87.296875,154 8x18] baseline: 13.796875
          " "
      frag 1 from TextNode start: 0, length: 1, rect: [205.453125,154 8x18] baseline: 13.796875
          " "
      frag 2 from TextNode start: 0, length: 1, rect: [327.125,154 8x18] baseline: 13.796875
          " "
      InlineNode <span.one>
        frag 0 from TextNode start: 0, length: 1, rect: [8,8 79.296875x200] baseline: 159.96875
            "1"
        TextNode <#text>
      TextNode <#text>
      InlineNode <span.two>
        frag 0 from TextNode start: 0, length: 1, rect: [95.296875,8 110.15625x200] baseline: 159.96875
            "2"
        TextNode <#text>
      TextNode <#text>
      InlineNode <span.three>
        frag 0 from TextNode start: 0, length: 1, rect: [213.453125,8 113.671875x200] baseline: 159.96875
            "3"
        TextNode <#text>
      TextNode <#text>
      InlineNode <span.four>
        frag 0 from TextNode start: 0, length: 1, rect: [335.125,8 96.875x200] baseline: 159.96875
            "4"
        TextNode <#text>
      TextNode <#text>

ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x216]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x200]
      PaintableWithLines (InlineNode<SPAN>.one)
        TextPaintable (TextNode<#text>)
      TextPaintable (TextNode<#text>)
      PaintableWithLines (InlineNode<SPAN>.two)
        TextPaintable (TextNode<#text>)
      TextPaintable (TextNode<#text>)
      PaintableWithLines (InlineNode<SPAN>.three)
        TextPaintable (TextNode<#text>)
      TextPaintable (TextNode<#text>)
      PaintableWithLines (InlineNode<SPAN>.four)
        TextPaintable (TextNode<#text>)
