Viewport <#document> at [0,0] [0+0+0 800 0+0+0] [0+0+0 600 0+0+0] [BFC] children: not-inline
  BlockContainer <html> at [0,0] [0+0+0 800 0+0+0] [0+0+0 216 0+0+0] [BFC] children: not-inline
    BlockContainer <body> at [8,8] [8+0+0 784 0+0+8] [8+0+0 200 0+0+8] children: inline
      frag 0 from BlockContainer start: 0, length: 0, rect: [22,19 48.6875x178] baseline: 82.796875
      TextNode <#text> (not painted)
      BlockContainer <button.button.border-black> at [22,19] inline-block [0+10+4 48.6875 4+10+0] [0+10+1 178 1+10+0] [BFC] children: not-inline
        BlockContainer <(anonymous)> at [22,19] flex-container(column) [0+0+0 48.6875 0+0+0] [0+0+0 178 0+0+0] [FFC] children: not-inline
          BlockContainer <(anonymous)> at [22,29] flex-item [0+0+0 48.6875 0+0+0] [0+0+0 158 0+0+0] [BFC] children: not-inline
            BlockContainer <(anonymous)> at [22,29] [0+0+0 48.6875 0+0+0] [0+0+0 0 0+0+0] children: inline
              TextNode <#text> (not painted)
            BlockContainer <div.border-black> at [32,39] [0+10+0 28.6875 0+10+0] [0+10+0 18 0+10+0] children: inline
              frag 0 from TextNode start: 13, length: 3, rect: [32,39 28.6875x18] baseline: 13.796875
                  "one"
              TextNode <#text> (not painted)
            BlockContainer <(anonymous)> at [22,67] [0+0+0 48.6875 0+0+0] [0+0+0 0 0+0+0] children: inline
              TextNode <#text> (not painted)
            BlockContainer <div.border-black> at [32,77] [0+10+0 28.6875 0+10+0] [0+10+0 100 0+10+0] children: inline
              frag 0 from TextNode start: 13, length: 3, rect: [32.125,77 28.4375x18] baseline: 13.796875
                  "two"
              TextNode <#text> (not painted)
            BlockContainer <(anonymous)> at [22,187] [0+0+0 48.6875 0+0+0] [0+0+0 0 0+0+0] children: inline
              TextNode <#text> (not painted)

ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x216]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x200]
      PaintableWithLines (BlockContainer<BUTTON>.button.border-black) [8,8 76.6875x200]
        PaintableWithLines (BlockContainer(anonymous)) [22,19 48.6875x178]
          PaintableWithLines (BlockContainer(anonymous)) [22,29 48.6875x158]
            PaintableWithLines (BlockContainer(anonymous)) [22,29 48.6875x0]
            PaintableWithLines (BlockContainer<DIV>.border-black) [22,29 48.6875x38]
              TextPaintable (TextNode<#text>)
            PaintableWithLines (BlockContainer(anonymous)) [22,67 48.6875x0]
            PaintableWithLines (BlockContainer<DIV>.border-black) [22,67 48.6875x120]
              TextPaintable (TextNode<#text>)
            PaintableWithLines (BlockContainer(anonymous)) [22,187 48.6875x0]

SC for Viewport<#document> [0,0 800x600] [children: 1] (z-index: auto)
 SC for BlockContainer<HTML> [0,0 800x216] [children: 0] (z-index: auto)
