Viewport <#document> at (0,0) content-size 800x600 children: not-inline
  BlockContainer <html> at (1,1) content-size 798x283 [BFC] children: not-inline
    BlockContainer <body> at (10,10) content-size 780x265 children: not-inline
      Box <div.flex.row.align-start> at (11,11) content-size 500x200 flex-container(row) [FFC] children: not-inline
        BlockContainer <div> at (12,12) content-size 136.5x17 flex-item [BFC] children: inline
          frag 0 from TextNode start: 0, length: 18, rect: [12,12 136.5x17] baseline: 13.296875
              "align-items: start"
          TextNode <#text>
      Box <div.flex.align-end> at (11,213) content-size 500x19 flex-container(row) [FFC] children: not-inline
        BlockContainer <div> at (12,214) content-size 121.453125x17 flex-item [BFC] children: inline
          frag 0 from TextNode start: 0, length: 16, rect: [12,214 121.453125x17] baseline: 13.296875
              "align-items: end"
          TextNode <#text>
      BlockContainer <(anonymous)> at (10,233) content-size 780x0 children: inline
        TextNode <#text>
      Box <div.flex.align-start> at (11,234) content-size 500x19 flex-container(row) [FFC] children: not-inline
        BlockContainer <div> at (12,235) content-size 136.5x17 flex-item [BFC] children: inline
          frag 0 from TextNode start: 0, length: 18, rect: [12,235 136.5x17] baseline: 13.296875
              "align-items: start"
          TextNode <#text>
      Box <div.flex.column.align-end> at (11,255) content-size 500x19 flex-container(column) [FFC] children: not-inline
        BlockContainer <div> at (388.546875,256) content-size 121.453125x17 flex-item [BFC] children: inline
          frag 0 from TextNode start: 0, length: 16, rect: [388.546875,256 121.453125x17] baseline: 13.296875
              "align-items: end"
          TextNode <#text>
      BlockContainer <(anonymous)> at (10,275) content-size 780x0 children: inline
        TextNode <#text>

ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x285]
    PaintableWithLines (BlockContainer<BODY>) [9,9 782x267]
      PaintableBox (Box<DIV>.flex.row.align-start) [10,10 502x202]
        PaintableWithLines (BlockContainer<DIV>) [11,11 138.5x19]
          TextPaintable (TextNode<#text>)
      PaintableBox (Box<DIV>.flex.align-end) [10,212 502x21]
        PaintableWithLines (BlockContainer<DIV>) [11,213 123.453125x19]
          TextPaintable (TextNode<#text>)
      PaintableWithLines (BlockContainer(anonymous)) [10,233 780x0]
      PaintableBox (Box<DIV>.flex.align-start) [10,233 502x21]
        PaintableWithLines (BlockContainer<DIV>) [11,234 138.5x19]
          TextPaintable (TextNode<#text>)
      PaintableBox (Box<DIV>.flex.column.align-end) [10,254 502x21]
        PaintableWithLines (BlockContainer<DIV>) [387.546875,255 123.453125x19]
          TextPaintable (TextNode<#text>)
      PaintableWithLines (BlockContainer(anonymous)) [10,275 780x0]
