Viewport <#document> at (0,0) content-size 800x600 children: not-inline BlockContainer at (0,0) content-size 800x600 [BFC] children: not-inline BlockContainer at (8,8) content-size 784x252.875 children: not-inline BlockContainer
at (8,8) content-size 784x252.875 children: not-inline BlockContainer <(anonymous)> at (8,8) content-size 784x17.46875 children: inline line 0 width: 447.484375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 54, rect: [345,8 447.484375x17.46875] "This text and the green square are both right aligned:" TextNode <#text> BlockContainer at (692,25.46875) content-size 100x100 children: not-inline BlockContainer <(anonymous)> at (8,125.46875) content-size 784x0 children: inline TextNode <#text> BlockContainer
at (8,125.46875) content-size 784x135.40625 children: not-inline BlockContainer <(anonymous)> at (8,125.46875) content-size 784x35.40625 children: inline line 0 width: 711.4375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 1, length: 87, rect: [8,125.46875 711.4375x17.46875] "This text and the green square are both left aligned despite being nested in a div with" line 1 width: 94.296875, height: 17.9375, bottom: 35.40625, baseline: 13.53125 frag 0 from TextNode start: 89, length: 14, rect: [8,142.46875 94.296875x17.46875] "align="right":" TextNode <#text> BlockContainer at (8,160.875) content-size 100x100 children: inline TextNode <#text> BlockContainer <(anonymous)> at (8,260.875) content-size 784x0 children: inline TextNode <#text> BlockContainer <(anonymous)> at (8,260.875) content-size 784x0 children: inline TextNode <#text>