Viewport <#document> at (0,0) content-size 800x600 children: not-inline
  BlockContainer <html> at (1,1) content-size 798x106 [BFC] children: not-inline
    BlockContainer <(anonymous)> at (1,1) content-size 798x0 children: inline
      TextNode <#text>
    BlockContainer <body> at (2,2) content-size 400x2 children: not-inline
      BlockContainer <(anonymous)> at (2,2) content-size 400x0 children: inline
        TextNode <#text>
      BlockContainer <div.ul> at (3,3) content-size 398x0 children: inline
        TextNode <#text>
        BlockContainer <div.yellow> at (4,4) content-size 60x50 floating [BFC] children: not-inline
        TextNode <#text>
        BlockContainer <div.orange> at (66,4) content-size 250x50 floating [BFC] children: not-inline
        TextNode <#text>
      BlockContainer <(anonymous)> at (2,4) content-size 400x0 children: inline
        TextNode <#text>
        BlockContainer <div.green> at (3,56) content-size 100x50 floating [BFC] children: not-inline
        TextNode <#text>

ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x108]
    PaintableWithLines (BlockContainer(anonymous)) [1,1 798x0]
    PaintableWithLines (BlockContainer<BODY>) [1,1 402x4]
      PaintableWithLines (BlockContainer(anonymous)) [2,2 400x0]
      PaintableWithLines (BlockContainer<DIV>.ul) [2,2 400x2]
        PaintableWithLines (BlockContainer<DIV>.yellow) [3,3 62x52]
        PaintableWithLines (BlockContainer<DIV>.orange) [65,3 252x52]
      PaintableWithLines (BlockContainer(anonymous)) [2,4 400x0]
        PaintableWithLines (BlockContainer<DIV>.green) [2,55 102x52]
