Viewport <#document> at (0,0) content-size 800x600 children: not-inline
  BlockContainer <html> at (1,1) content-size 798x140 [BFC] children: not-inline
    Box <body> at (10,10) content-size 780x122 flex-container(column) [FFC] children: not-inline
      BlockContainer <(anonymous)> (not painted) [BFC] children: inline
        TextNode <#text>
      BlockContainer <div.px> at (11,11) content-size 200x19 flex-item [BFC] children: not-inline
        Box <div.inner> at (12,12) content-size 198x17 flex-container(row) [FFC] children: not-inline
          BlockContainer <(anonymous)> at (12,12) content-size 19.125x17 flex-item [BFC] children: inline
            frag 0 from TextNode start: 0, length: 2, rect: [12,12 19.125x17] baseline: 13.296875
                "px"
            TextNode <#text>
      BlockContainer <(anonymous)> (not painted) [BFC] children: inline
        TextNode <#text>
      BlockContainer <div.percentage> at (11,32) content-size 50x19 flex-item [BFC] children: not-inline
        Box <div.inner> at (12,33) content-size 48x17 flex-container(row) [FFC] children: not-inline
          BlockContainer <(anonymous)> at (12,33) content-size 86.671875x17 flex-item [BFC] children: inline
            frag 0 from TextNode start: 0, length: 10, rect: [12,33 86.671875x17] baseline: 13.296875
                "percentage"
            TextNode <#text>
      BlockContainer <(anonymous)> (not painted) [BFC] children: inline
        TextNode <#text>
      BlockContainer <div.fit-content> at (11,53) content-size 88.765625x19 flex-item [BFC] children: not-inline
        Box <div.inner> at (12,54) content-size 86.765625x17 flex-container(row) [FFC] children: not-inline
          BlockContainer <(anonymous)> at (12,54) content-size 86.765625x17 flex-item [BFC] children: inline
            frag 0 from TextNode start: 0, length: 11, rect: [12,54 86.765625x17] baseline: 13.296875
                "fit content"
            TextNode <#text>
      BlockContainer <(anonymous)> (not painted) [BFC] children: inline
        TextNode <#text>
      BlockContainer <div.max-content> at (11,74) content-size 102.15625x19 flex-item [BFC] children: not-inline
        Box <div.inner> at (12,75) content-size 100.15625x17 flex-container(row) [FFC] children: not-inline
          BlockContainer <(anonymous)> at (12,75) content-size 100.15625x17 flex-item [BFC] children: inline
            frag 0 from TextNode start: 0, length: 11, rect: [12,75 100.15625x17] baseline: 13.296875
                "max content"
            TextNode <#text>
      BlockContainer <(anonymous)> (not painted) [BFC] children: inline
        TextNode <#text>
      BlockContainer <div.min-content> at (11,95) content-size 62.90625x36 flex-item [BFC] children: not-inline
        Box <div.inner> at (12,96) content-size 60.90625x34 flex-container(row) [FFC] children: not-inline
          BlockContainer <(anonymous)> at (12,96) content-size 60.90625x34 flex-item [BFC] children: inline
            frag 0 from TextNode start: 0, length: 3, rect: [12,96 26.375x17] baseline: 13.296875
                "min"
            frag 1 from TextNode start: 4, length: 7, rect: [12,113 60.90625x17] baseline: 13.296875
                "content"
            TextNode <#text>
      BlockContainer <(anonymous)> (not painted) [BFC] children: inline
        TextNode <#text>

ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x142]
    PaintableBox (Box<BODY>) [9,9 782x124]
      PaintableWithLines (BlockContainer<DIV>.px) [10,10 202x21]
        PaintableBox (Box<DIV>.inner) [11,11 200x19]
          PaintableWithLines (BlockContainer(anonymous)) [12,12 19.125x17]
            TextPaintable (TextNode<#text>)
      PaintableWithLines (BlockContainer<DIV>.percentage) [10,31 52x21] overflow: [11,32 87.671875x19]
        PaintableBox (Box<DIV>.inner) [11,32 50x19] overflow: [12,33 86.671875x17]
          PaintableWithLines (BlockContainer(anonymous)) [12,33 86.671875x17]
            TextPaintable (TextNode<#text>)
      PaintableWithLines (BlockContainer<DIV>.fit-content) [10,52 90.765625x21]
        PaintableBox (Box<DIV>.inner) [11,53 88.765625x19]
          PaintableWithLines (BlockContainer(anonymous)) [12,54 86.765625x17]
            TextPaintable (TextNode<#text>)
      PaintableWithLines (BlockContainer<DIV>.max-content) [10,73 104.15625x21]
        PaintableBox (Box<DIV>.inner) [11,74 102.15625x19]
          PaintableWithLines (BlockContainer(anonymous)) [12,75 100.15625x17]
            TextPaintable (TextNode<#text>)
      PaintableWithLines (BlockContainer<DIV>.min-content) [10,94 64.90625x38]
        PaintableBox (Box<DIV>.inner) [11,95 62.90625x36]
          PaintableWithLines (BlockContainer(anonymous)) [12,96 60.90625x34]
            TextPaintable (TextNode<#text>)
