Viewport <#document> at (0,0) content-size 800x600 children: not-inline
  BlockContainer <html> at (1,1) content-size 798x286 [BFC] children: not-inline
    BlockContainer <body> at (10,10) content-size 780x268 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.5x18 flex-item [BFC] children: inline
          frag 0 from TextNode start: 0, length: 18, rect: [12,12 136.5x18] baseline: 13.796875
              "align-items: start"
          TextNode <#text>
      Box <div.flex.align-end> at (11,213) content-size 500x20 flex-container(row) [FFC] children: not-inline
        BlockContainer <div> at (12,214) content-size 121.453125x18 flex-item [BFC] children: inline
          frag 0 from TextNode start: 0, length: 16, rect: [12,214 121.453125x18] baseline: 13.796875
              "align-items: end"
          TextNode <#text>
      BlockContainer <(anonymous)> at (10,234) content-size 780x0 children: inline
        TextNode <#text>
      Box <div.flex.align-start> at (11,235) content-size 500x20 flex-container(row) [FFC] children: not-inline
        BlockContainer <div> at (12,236) content-size 136.5x18 flex-item [BFC] children: inline
          frag 0 from TextNode start: 0, length: 18, rect: [12,236 136.5x18] baseline: 13.796875
              "align-items: start"
          TextNode <#text>
      Box <div.flex.column.align-end> at (11,257) content-size 500x20 flex-container(column) [FFC] children: not-inline
        BlockContainer <div> at (388.546875,258) content-size 121.453125x18 flex-item [BFC] children: inline
          frag 0 from TextNode start: 0, length: 16, rect: [388.546875,258 121.453125x18] baseline: 13.796875
              "align-items: end"
          TextNode <#text>
      BlockContainer <(anonymous)> at (10,278) content-size 780x0 children: inline
        TextNode <#text>

ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x288]
    PaintableWithLines (BlockContainer<BODY>) [9,9 782x270]
      PaintableBox (Box<DIV>.flex.row.align-start) [10,10 502x202]
        PaintableWithLines (BlockContainer<DIV>) [11,11 138.5x20]
          TextPaintable (TextNode<#text>)
      PaintableBox (Box<DIV>.flex.align-end) [10,212 502x22]
        PaintableWithLines (BlockContainer<DIV>) [11,213 123.453125x20]
          TextPaintable (TextNode<#text>)
      PaintableWithLines (BlockContainer(anonymous)) [10,234 780x0]
      PaintableBox (Box<DIV>.flex.align-start) [10,234 502x22]
        PaintableWithLines (BlockContainer<DIV>) [11,235 138.5x20]
          TextPaintable (TextNode<#text>)
      PaintableBox (Box<DIV>.flex.column.align-end) [10,256 502x22]
        PaintableWithLines (BlockContainer<DIV>) [387.546875,257 123.453125x20]
          TextPaintable (TextNode<#text>)
      PaintableWithLines (BlockContainer(anonymous)) [10,278 780x0]
