LibWeb: Scale font size by 1.15 for line-height: normal

Browsers such as Chrome and Firefox apply an arbitrary scale to the
current font size if `normal` is used for `line-height`. Firefox uses
1.2 while Chrome uses 1.15. Let's go with the latter for now, it's
relatively easy to change if we ever want to go back on that decision.

This also requires updating the expectations for a lot of layout tests.
The upside of this is that it's a bit easier to compare our layout
results to other browsers', especially Chrome.
This commit is contained in:
Jelle Raaijmakers 2025-04-04 15:08:15 +02:00 committed by Andreas Kling
commit 71665fa504
Notes: github-actions[bot] 2025-05-05 11:16:57 +00:00
523 changed files with 8103 additions and 8060 deletions

View file

@ -5,63 +5,63 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
Box <div.outer.normal> at (38,38) content-size 150x150 flex-container(row) flex-item [FFC] children: not-inline
BlockContainer <div> at (48,48) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 6, rect: [48,48 54.578125x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [48,48 54.578125x18] baseline: 13.796875
"normal"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
Box <div.outer.stretch> at (208,38) content-size 150x150 flex-container(row) flex-item [FFC] children: not-inline
BlockContainer <div> at (218,48) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 7, rect: [218,48 58.796875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 7, rect: [218,48 58.796875x18] baseline: 13.796875
"stretch"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
Box <div.outer.start> at (378,38) content-size 150x150 flex-container(row) flex-item [FFC] children: not-inline
BlockContainer <div> at (388,48) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [388,48 41.234375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [388,48 41.234375x18] baseline: 13.796875
"start"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
Box <div.outer.flex-start> at (548,38) content-size 150x150 flex-container(row) flex-item [FFC] children: not-inline
BlockContainer <div> at (558,48) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 10, rect: [558,48 76.8125x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 10, rect: [558,48 76.8125x18] baseline: 13.796875
"flex-start"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
Box <div.outer.end> at (38,208) content-size 150x150 flex-container(row) flex-item [FFC] children: not-inline
BlockContainer <div> at (48,298) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 3, rect: [48,298 26.1875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [48,298 26.1875x18] baseline: 13.796875
"end"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
Box <div.outer.flex-end> at (208,208) content-size 150x150 flex-container(row) flex-item [FFC] children: not-inline
BlockContainer <div> at (218,298) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 8, rect: [218,298 61.765625x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 8, rect: [218,298 61.765625x18] baseline: 13.796875
"flex-end"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
Box <div.outer.center> at (378,208) content-size 150x150 flex-container(row) flex-item [FFC] children: not-inline
BlockContainer <div> at (388,258) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 6, rect: [388,258 51.625x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [388,258 51.625x18] baseline: 13.796875
"center"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
Box <div.outer.self-start> at (548,208) content-size 150x150 flex-container(row) flex-item [FFC] children: not-inline
BlockContainer <div> at (558,218) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 10, rect: [558,218 76.453125x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 10, rect: [558,218 76.453125x18] baseline: 13.796875
"self-start"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
Box <div.outer.self-end> at (38,378) content-size 150x150 flex-container(row) flex-item [FFC] children: not-inline
BlockContainer <div> at (48,468) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 8, rect: [48,468 61.40625x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 8, rect: [48,468 61.40625x18] baseline: 13.796875
"self-end"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline

View file

@ -5,280 +5,280 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
Box <div.row.outer.start> at (11,11) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (12,12) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [12,12 41.234375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [12,12 41.234375x18] baseline: 13.796875
"start"
TextNode <#text>
BlockContainer <(anonymous)> at (10,72) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.outer.flex-start> at (11,73) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (12,74) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 10, rect: [12,74 76.8125x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 10, rect: [12,74 76.8125x18] baseline: 13.796875
"flex-start"
TextNode <#text>
BlockContainer <(anonymous)> at (10,134) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.outer.end> at (11,135) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (160,136) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 3, rect: [160,136 26.1875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [160,136 26.1875x18] baseline: 13.796875
"end"
TextNode <#text>
BlockContainer <(anonymous)> at (10,196) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.outer.flex-end> at (11,197) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (160,198) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 8, rect: [160,198 61.765625x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 8, rect: [160,198 61.765625x18] baseline: 13.796875
"flex-end"
TextNode <#text>
BlockContainer <(anonymous)> at (10,258) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.outer.center> at (11,259) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (86,260) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 6, rect: [86,260 51.625x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [86,260 51.625x18] baseline: 13.796875
"center"
TextNode <#text>
BlockContainer <(anonymous)> at (10,320) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.outer.space-around> at (11,321) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (86,322) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 12, rect: [86,322 107.96875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 12, rect: [86,322 107.96875x18] baseline: 13.796875
"space-around"
TextNode <#text>
BlockContainer <(anonymous)> at (10,382) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.outer.space-between> at (11,383) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (12,384) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 13, rect: [12,384 115.515625x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 13, rect: [12,384 115.515625x18] baseline: 13.796875
"space-between"
TextNode <#text>
BlockContainer <(anonymous)> at (10,444) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.outer.space-evenly> at (11,445) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (86,446) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 12, rect: [86,446 98.859375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 12, rect: [86,446 98.859375x18] baseline: 13.796875
"space-evenly"
TextNode <#text>
BlockContainer <(anonymous)> at (10,506) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.outer.left> at (11,507) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (12,508) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 4, rect: [12,508 26.25x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [12,508 26.25x18] baseline: 13.796875
"left"
TextNode <#text>
BlockContainer <(anonymous)> at (10,568) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.outer.right> at (11,569) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (160,570) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [160,570 37.109375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [160,570 37.109375x18] baseline: 13.796875
"right"
TextNode <#text>
BlockContainer <(anonymous)> at (10,630) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.start> at (11,631) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,632) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [12,632 41.234375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [12,632 41.234375x18] baseline: 13.796875
"start"
TextNode <#text>
BlockContainer <(anonymous)> at (10,692) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.flex-start> at (11,693) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (160,694) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 10, rect: [160,694 76.8125x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 10, rect: [160,694 76.8125x18] baseline: 13.796875
"flex-start"
TextNode <#text>
BlockContainer <(anonymous)> at (10,754) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.end> at (11,755) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (160,756) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 3, rect: [160,756 26.1875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [160,756 26.1875x18] baseline: 13.796875
"end"
TextNode <#text>
BlockContainer <(anonymous)> at (10,816) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.flex-end> at (11,817) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,818) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 8, rect: [12,818 61.765625x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 8, rect: [12,818 61.765625x18] baseline: 13.796875
"flex-end"
TextNode <#text>
BlockContainer <(anonymous)> at (10,878) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.center> at (11,879) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (86,880) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 6, rect: [86,880 51.625x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [86,880 51.625x18] baseline: 13.796875
"center"
TextNode <#text>
BlockContainer <(anonymous)> at (10,940) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.space-around> at (11,941) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (86,942) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 12, rect: [86,942 107.96875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 12, rect: [86,942 107.96875x18] baseline: 13.796875
"space-around"
TextNode <#text>
BlockContainer <(anonymous)> at (10,1002) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.space-between> at (11,1003) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (160,1004) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 13, rect: [160,1004 115.515625x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 13, rect: [160,1004 115.515625x18] baseline: 13.796875
"space-between"
TextNode <#text>
BlockContainer <(anonymous)> at (10,1064) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.space-evenly> at (11,1065) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (86,1066) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 12, rect: [86,1066 98.859375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 12, rect: [86,1066 98.859375x18] baseline: 13.796875
"space-evenly"
TextNode <#text>
BlockContainer <(anonymous)> at (10,1126) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.left> at (11,1127) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,1128) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 4, rect: [12,1128 26.25x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [12,1128 26.25x18] baseline: 13.796875
"left"
TextNode <#text>
BlockContainer <(anonymous)> at (10,1188) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.right> at (11,1189) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (160,1190) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [160,1190 37.109375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [160,1190 37.109375x18] baseline: 13.796875
"right"
TextNode <#text>
BlockContainer <(anonymous)> at (10,1250) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.start> at (11,1251) content-size 300x60 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (12,1252) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [12,1252 41.234375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [12,1252 41.234375x18] baseline: 13.796875
"start"
TextNode <#text>
BlockContainer <(anonymous)> at (10,1312) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.flex-start> at (11,1313) content-size 300x60 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (12,1314) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 10, rect: [12,1314 76.8125x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 10, rect: [12,1314 76.8125x18] baseline: 13.796875
"flex-start"
TextNode <#text>
BlockContainer <(anonymous)> at (10,1374) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.end> at (11,1375) content-size 300x60 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (12,1384) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 3, rect: [12,1384 26.1875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [12,1384 26.1875x18] baseline: 13.796875
"end"
TextNode <#text>
BlockContainer <(anonymous)> at (10,1436) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.flex-end> at (11,1437) content-size 300x60 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (12,1446) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 8, rect: [12,1446 61.765625x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 8, rect: [12,1446 61.765625x18] baseline: 13.796875
"flex-end"
TextNode <#text>
BlockContainer <(anonymous)> at (10,1498) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.center> at (11,1499) content-size 300x60 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (12,1504) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 6, rect: [12,1504 51.625x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [12,1504 51.625x18] baseline: 13.796875
"center"
TextNode <#text>
BlockContainer <(anonymous)> at (10,1560) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.space-around> at (11,1561) content-size 300x60 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (12,1566) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 12, rect: [12,1566 107.96875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 12, rect: [12,1566 107.96875x18] baseline: 13.796875
"space-around"
TextNode <#text>
BlockContainer <(anonymous)> at (10,1622) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.space-between> at (11,1623) content-size 300x60 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (12,1624) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 13, rect: [12,1624 115.515625x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 13, rect: [12,1624 115.515625x18] baseline: 13.796875
"space-between"
TextNode <#text>
BlockContainer <(anonymous)> at (10,1684) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.space-evenly> at (11,1685) content-size 300x60 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (12,1690) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 12, rect: [12,1690 98.859375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 12, rect: [12,1690 98.859375x18] baseline: 13.796875
"space-evenly"
TextNode <#text>
BlockContainer <(anonymous)> at (10,1746) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.left> at (11,1747) content-size 300x60 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (12,1748) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 4, rect: [12,1748 26.25x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [12,1748 26.25x18] baseline: 13.796875
"left"
TextNode <#text>
BlockContainer <(anonymous)> at (10,1808) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.right> at (11,1809) content-size 300x60 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (12,1818) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [12,1818 37.109375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [12,1818 37.109375x18] baseline: 13.796875
"right"
TextNode <#text>
BlockContainer <(anonymous)> at (10,1870) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.start> at (11,1871) content-size 300x60 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,1872) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [12,1872 41.234375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [12,1872 41.234375x18] baseline: 13.796875
"start"
TextNode <#text>
BlockContainer <(anonymous)> at (10,1932) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.flex-start> at (11,1933) content-size 300x60 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,1942) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 10, rect: [12,1942 76.8125x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 10, rect: [12,1942 76.8125x18] baseline: 13.796875
"flex-start"
TextNode <#text>
BlockContainer <(anonymous)> at (10,1994) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.end> at (11,1995) content-size 300x60 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,2004) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 3, rect: [12,2004 26.1875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [12,2004 26.1875x18] baseline: 13.796875
"end"
TextNode <#text>
BlockContainer <(anonymous)> at (10,2056) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.flex-end> at (11,2057) content-size 300x60 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,2058) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 8, rect: [12,2058 61.765625x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 8, rect: [12,2058 61.765625x18] baseline: 13.796875
"flex-end"
TextNode <#text>
BlockContainer <(anonymous)> at (10,2118) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.center> at (11,2119) content-size 300x60 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,2124) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 6, rect: [12,2124 51.625x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [12,2124 51.625x18] baseline: 13.796875
"center"
TextNode <#text>
BlockContainer <(anonymous)> at (10,2180) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.space-around> at (11,2181) content-size 300x60 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,2186) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 12, rect: [12,2186 107.96875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 12, rect: [12,2186 107.96875x18] baseline: 13.796875
"space-around"
TextNode <#text>
BlockContainer <(anonymous)> at (10,2242) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.space-between> at (11,2243) content-size 300x60 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,2252) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 13, rect: [12,2252 115.515625x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 13, rect: [12,2252 115.515625x18] baseline: 13.796875
"space-between"
TextNode <#text>
BlockContainer <(anonymous)> at (10,2304) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.space-evenly> at (11,2305) content-size 300x60 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,2310) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 12, rect: [12,2310 98.859375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 12, rect: [12,2310 98.859375x18] baseline: 13.796875
"space-evenly"
TextNode <#text>
BlockContainer <(anonymous)> at (10,2366) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.left> at (11,2367) content-size 300x60 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,2368) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 4, rect: [12,2368 26.25x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [12,2368 26.25x18] baseline: 13.796875
"left"
TextNode <#text>
BlockContainer <(anonymous)> at (10,2428) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.right> at (11,2429) content-size 300x60 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,2438) content-size 150x50 positioned [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [12,2438 37.109375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [12,2438 37.109375x18] baseline: 13.796875
"right"
TextNode <#text>
BlockContainer <(anonymous)> at (10,2490) content-size 780x0 children: inline

View file

@ -1,19 +1,19 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x53 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x37 children: not-inline
Box <div#flex-container> at (18,18) content-size 764x17 flex-container(row) [FFC] children: not-inline
BlockContainer <html> at (0,0) content-size 800x54 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x38 children: not-inline
Box <div#flex-container> at (18,18) content-size 764x18 flex-container(row) [FFC] children: not-inline
BlockContainer <div#absolute> at (18,18) content-size 50x50 positioned [BFC] children: not-inline
BlockContainer <div#orange> at (18,18) content-size 50x50 children: not-inline
BlockContainer <div#red> at (18,18) content-size 9.703125x17 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [18,18 9.703125x17] baseline: 13.296875
BlockContainer <div#red> at (18,18) content-size 9.703125x18 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [18,18 9.703125x18] baseline: 13.796875
"x"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x53]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x37]
PaintableBox (Box<DIV>#flex-container) [8,8 784x37]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x54]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x38]
PaintableBox (Box<DIV>#flex-container) [8,8 784x38]
PaintableWithLines (BlockContainer<DIV>#absolute) [18,18 50x50]
PaintableWithLines (BlockContainer<DIV>#orange) [18,18 50x50]
PaintableWithLines (BlockContainer<DIV>#red) [18,18 9.703125x17]
PaintableWithLines (BlockContainer<DIV>#red) [18,18 9.703125x18]
TextPaintable (TextNode<#text>)

View file

@ -1,45 +1,45 @@
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
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.5x17 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 18, rect: [12,12 136.5x17] baseline: 13.296875
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 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
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,233) content-size 780x0 children: inline
BlockContainer <(anonymous)> at (10,234) 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
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,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
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,275) content-size 780x0 children: inline
BlockContainer <(anonymous)> at (10,278) 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]
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.5x19]
PaintableWithLines (BlockContainer<DIV>) [11,11 138.5x20]
TextPaintable (TextNode<#text>)
PaintableBox (Box<DIV>.flex.align-end) [10,212 502x21]
PaintableWithLines (BlockContainer<DIV>) [11,213 123.453125x19]
PaintableBox (Box<DIV>.flex.align-end) [10,212 502x22]
PaintableWithLines (BlockContainer<DIV>) [11,213 123.453125x20]
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]
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,254 502x21]
PaintableWithLines (BlockContainer<DIV>) [387.546875,255 123.453125x19]
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,275 780x0]
PaintableWithLines (BlockContainer(anonymous)) [10,278 780x0]

View file

@ -2,7 +2,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x68 [BFC] children: not-inline
Box <body.flex> at (10,10) content-size 38.84375x50 flex-container(row) [FFC] children: not-inline
BlockContainer <div.item> at (11,11) content-size 36.84375x48 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [11,11 36.84375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [11,11 36.84375x18] baseline: 13.796875
"hello"
TextNode <#text>

View file

@ -1,13 +1,13 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x51 children: not-inline
Box <div> at (8,8) content-size 784x51 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 55.359375x51 flex-item [BFC] children: inline
frag 0 from TextNode start: 1, length: 4, rect: [8,8 28.40625x17] baseline: 13.296875
BlockContainer <body> at (8,8) content-size 784x54 children: not-inline
Box <div> at (8,8) content-size 784x54 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 55.359375x54 flex-item [BFC] children: inline
frag 0 from TextNode start: 1, length: 4, rect: [8,8 28.40625x18] baseline: 13.796875
"well"
frag 1 from TextNode start: 1, length: 5, rect: [8,25 36.84375x17] baseline: 13.296875
frag 1 from TextNode start: 1, length: 5, rect: [8,26 36.84375x18] baseline: 13.796875
"hello"
frag 2 from TextNode start: 1, length: 7, rect: [8,42 55.359375x17] baseline: 13.296875
frag 2 from TextNode start: 1, length: 7, rect: [8,44 55.359375x18] baseline: 13.796875
"friends"
TextNode <#text>
BreakNode <br>
@ -17,9 +17,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x51]
PaintableBox (Box<DIV>) [8,8 784x51]
PaintableWithLines (BlockContainer(anonymous)) [8,8 55.359375x51]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x54]
PaintableBox (Box<DIV>) [8,8 784x54]
PaintableWithLines (BlockContainer(anonymous)) [8,8 55.359375x54]
TextPaintable (TextNode<#text>)
TextPaintable (TextNode<#text>)
TextPaintable (TextNode<#text>)

View file

@ -3,19 +3,19 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (10,10) content-size 780x62 children: not-inline
Box <div.flex-container> at (11,11) content-size 778x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div.flex-item> at (12,12) content-size 386x28 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 6, rect: [12,12 58.421875x22] baseline: 17
frag 0 from TextNode start: 0, length: 6, rect: [12,12 58.421875x23] baseline: 17.5
"Item 1"
TextNode <#text>
BlockContainer <div.flex-item> at (401,12) content-size 386x28 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 6, rect: [401,12 61.5x22] baseline: 17
frag 0 from TextNode start: 0, length: 6, rect: [401,12 61.5x23] baseline: 17.5
"Item 2"
TextNode <#text>
BlockContainer <div.flex-item> at (12,42) content-size 386x28 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 6, rect: [12,42 61.859375x22] baseline: 17
frag 0 from TextNode start: 0, length: 6, rect: [12,42 61.859375x23] baseline: 17.5
"Item 3"
TextNode <#text>
BlockContainer <div.flex-item> at (401,42) content-size 386x28 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 6, rect: [401,42 60.171875x22] baseline: 17
frag 0 from TextNode start: 0, length: 6, rect: [401,42 60.171875x23] baseline: 17.5
"Item 4"
TextNode <#text>

View file

@ -2,7 +2,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x116 [BFC] children: not-inline
Box <body> at (8,8) content-size 784x100 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (8,8) content-size 784x100 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 16, rect: [8,8 126.390625x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 16, rect: [8,8 126.390625x18] baseline: 13.796875
"Start free trial"
TextNode <#text>

View file

@ -1,27 +1,27 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x241 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x223 children: not-inline
Box <div.outer.flex.flex-wrap> at (11,11) content-size 778x221 flex-container(row) [FFC] children: not-inline
BlockContainer <div.inner> at (12,62) content-size 776x119 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 90, rect: [12,62 741.640625x17] baseline: 13.296875
BlockContainer <html> at (1,1) content-size 798x248 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x230 children: not-inline
Box <div.outer.flex.flex-wrap> at (11,11) content-size 778x228 flex-container(row) [FFC] children: not-inline
BlockContainer <div.inner> at (12,62) content-size 776x126 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 90, rect: [12,62 741.640625x18] baseline: 13.796875
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus interdum libero et urna"
frag 1 from TextNode start: 91, length: 95, rect: [12,79 765.03125x17] baseline: 13.296875
frag 1 from TextNode start: 91, length: 95, rect: [12,80 765.03125x18] baseline: 13.796875
"sodales auctor. Nullam sodales bibendum turpis quis blandit. Ut fringilla erat et erat laoreet,"
frag 2 from TextNode start: 187, length: 90, rect: [12,96 747.5625x17] baseline: 13.296875
frag 2 from TextNode start: 187, length: 90, rect: [12,98 747.5625x18] baseline: 13.796875
"faucibus rhoncus orci hendrerit. Etiam at sagittis diam. Etiam nec neque non dolor iaculis"
frag 3 from TextNode start: 278, length: 90, rect: [12,113 732.109375x17] baseline: 13.296875
frag 3 from TextNode start: 278, length: 90, rect: [12,116 732.109375x18] baseline: 13.796875
"finibus euismod eget erat. Pellentesque vitae purus vitae nisi vehicula vestibulum quis ut"
frag 4 from TextNode start: 369, length: 95, rect: [12,130 759.453125x17] baseline: 13.296875
frag 4 from TextNode start: 369, length: 95, rect: [12,134 759.453125x18] baseline: 13.796875
"diam. Integer convallis, justo ullamcorper sollicitudin varius, enim enim pellentesque erat, eu"
frag 5 from TextNode start: 465, length: 94, rect: [12,147 767.1875x17] baseline: 13.296875
frag 5 from TextNode start: 465, length: 94, rect: [12,152 767.1875x18] baseline: 13.796875
"pellentesque sem arcu eu purus. Phasellus id erat sed felis luctus mollis eget sit amet dolor."
frag 6 from TextNode start: 560, length: 95, rect: [12,164 765.578125x17] baseline: 13.296875
frag 6 from TextNode start: 560, length: 95, rect: [12,170 765.578125x18] baseline: 13.796875
"Pellentesque eget justo nulla. Duis consectetur imperdiet nisi, ac tincidunt urna blandit quis."
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x243]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x225]
PaintableBox (Box<DIV>.outer.flex.flex-wrap) [10,10 780x223]
PaintableWithLines (BlockContainer<DIV>.inner) [11,11 778x221]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x250]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x232]
PaintableBox (Box<DIV>.outer.flex.flex-wrap) [10,10 780x230]
PaintableWithLines (BlockContainer<DIV>.inner) [11,11 778x228]
TextPaintable (TextNode<#text>)

View file

@ -1,39 +1,39 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x67 [BFC] children: not-inline
Box <body> at (8,8) content-size 784x51 flex-container(row) [FFC] children: not-inline
BlockContainer <div.min-content> at (8,8) content-size 27.640625x51 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 3, rect: [8,8 27.15625x17] baseline: 13.296875
BlockContainer <html> at (0,0) content-size 800x70 [BFC] children: not-inline
Box <body> at (8,8) content-size 784x54 flex-container(row) [FFC] children: not-inline
BlockContainer <div.min-content> at (8,8) content-size 27.640625x54 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 3, rect: [8,8 27.15625x18] baseline: 13.796875
"foo"
frag 1 from TextNode start: 4, length: 3, rect: [8,25 27.640625x17] baseline: 13.296875
frag 1 from TextNode start: 4, length: 3, rect: [8,26 27.640625x18] baseline: 13.796875
"bar"
frag 2 from TextNode start: 8, length: 3, rect: [8,42 27.203125x17] baseline: 13.296875
frag 2 from TextNode start: 8, length: 3, rect: [8,44 27.203125x18] baseline: 13.796875
"baz"
TextNode <#text>
BlockContainer <div.max-content> at (35.640625,8) content-size 98x51 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 11, rect: [35.640625,8 98x17] baseline: 13.296875
BlockContainer <div.max-content> at (35.640625,8) content-size 98x54 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 11, rect: [35.640625,8 98x18] baseline: 13.796875
"foo bar baz"
TextNode <#text>
BlockContainer <div.fit-content> at (133.640625,8) content-size 98x51 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 11, rect: [133.640625,8 98x17] baseline: 13.296875
BlockContainer <div.fit-content> at (133.640625,8) content-size 98x54 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 11, rect: [133.640625,8 98x18] baseline: 13.796875
"foo bar baz"
TextNode <#text>
BlockContainer <div.auto> at (231.640625,8) content-size 0x51 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 3, rect: [231.640625,8 27.15625x17] baseline: 13.296875
BlockContainer <div.auto> at (231.640625,8) content-size 0x54 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 3, rect: [231.640625,8 27.15625x18] baseline: 13.796875
"foo"
frag 1 from TextNode start: 4, length: 3, rect: [231.640625,25 27.640625x17] baseline: 13.296875
frag 1 from TextNode start: 4, length: 3, rect: [231.640625,26 27.640625x18] baseline: 13.796875
"bar"
frag 2 from TextNode start: 8, length: 3, rect: [231.640625,42 27.203125x17] baseline: 13.296875
frag 2 from TextNode start: 8, length: 3, rect: [231.640625,44 27.203125x18] baseline: 13.796875
"baz"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x67]
PaintableBox (Box<BODY>) [8,8 784x51]
PaintableWithLines (BlockContainer<DIV>.min-content) [8,8 27.640625x51]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x70]
PaintableBox (Box<BODY>) [8,8 784x54]
PaintableWithLines (BlockContainer<DIV>.min-content) [8,8 27.640625x54]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.max-content) [35.640625,8 98x51]
PaintableWithLines (BlockContainer<DIV>.max-content) [35.640625,8 98x54]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.fit-content) [133.640625,8 98x51]
PaintableWithLines (BlockContainer<DIV>.fit-content) [133.640625,8 98x54]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.auto) [231.640625,8 0x51] overflow: [231.640625,8 27.640625x51]
PaintableWithLines (BlockContainer<DIV>.auto) [231.640625,8 0x54] overflow: [231.640625,8 27.640625x54]
TextPaintable (TextNode<#text>)

View file

@ -2,8 +2,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x120 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 54x102 children: not-inline
Box <div.flex> at (11,11) content-size 52x100 flex-container(column) [FFC] children: not-inline
BlockContainer <div.hmm> at (12,12) content-size 50x17 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [12,12 39.78125x17] baseline: 13.296875
BlockContainer <div.hmm> at (12,12) content-size 50x18 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [12,12 39.78125x18] baseline: 13.796875
"Hello"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -13,5 +13,5 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x122]
PaintableWithLines (BlockContainer<BODY>) [9,9 56x104]
PaintableBox (Box<DIV>.flex) [10,10 54x102]
PaintableWithLines (BlockContainer<DIV>.hmm) [11,11 52x19]
PaintableWithLines (BlockContainer<DIV>.hmm) [11,11 52x20]
TextPaintable (TextNode<#text>)

View file

@ -5,19 +5,19 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.box> at (10,158) content-size 100x100 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [10,158 6.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [10,158 6.34375x18] baseline: 13.796875
"1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.box> at (10,56) content-size 100x100 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [10,56 8.8125x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [10,56 8.8125x18] baseline: 13.796875
"2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.box> at (135,158) content-size 100x100 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [135,158 9.09375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [135,158 9.09375x18] baseline: 13.796875
"3"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline

View file

@ -5,19 +5,19 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.box> at (10,158) content-size 100x100 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [10,158 6.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [10,158 6.34375x18] baseline: 13.796875
"1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.box> at (112,158) content-size 100x100 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [112,158 8.8125x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [112,158 8.8125x18] baseline: 13.796875
"2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.box> at (10,33) content-size 100x100 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [10,33 9.09375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [10,33 9.09375x18] baseline: 13.796875
"3"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -28,19 +28,19 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.box> at (158,262) content-size 100x100 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [158,262 6.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [158,262 6.34375x18] baseline: 13.796875
"1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.box> at (158,364) content-size 100x100 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [158,364 8.8125x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [158,364 8.8125x18] baseline: 13.796875
"2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.box> at (33,262) content-size 100x100 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [33,262 9.09375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [33,262 9.09375x18] baseline: 13.796875
"3"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -51,19 +51,19 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.box> at (10,639) content-size 100x100 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [10,639 6.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [10,639 6.34375x18] baseline: 13.796875
"1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.box> at (112,639) content-size 100x100 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [112,639 8.8125x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [112,639 8.8125x18] baseline: 13.796875
"2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.box> at (10,514) content-size 100x100 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [10,514 9.09375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [10,514 9.09375x18] baseline: 13.796875
"3"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -74,19 +74,19 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.box> at (135,766) content-size 100x100 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [135,766 6.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [135,766 6.34375x18] baseline: 13.796875
"1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.box> at (135,868) content-size 100x100 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [135,868 8.8125x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [135,868 8.8125x18] baseline: 13.796875
"2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.box> at (10,766) content-size 100x100 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [10,766 9.09375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [10,766 9.09375x18] baseline: 13.796875
"3"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline

View file

@ -1,15 +1,15 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x53 [BFC] children: not-inline
BlockContainer <body.outer> at (18,18) content-size 280.84375x17 children: not-inline
Box <div.inner> at (18,18) content-size 280.84375x17 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> at (18,18) content-size 280.84375x17 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 35, rect: [18,18 280.84375x17] baseline: 13.296875
BlockContainer <html> at (0,0) content-size 800x54 [BFC] children: not-inline
BlockContainer <body.outer> at (18,18) content-size 280.84375x18 children: not-inline
Box <div.inner> at (18,18) content-size 280.84375x18 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> at (18,18) content-size 280.84375x18 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 35, rect: [18,18 280.84375x18] baseline: 13.796875
"this text should be all on one line"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x53]
PaintableWithLines (BlockContainer<BODY>.outer) [8,8 300.84375x37]
PaintableBox (Box<DIV>.inner) [18,18 280.84375x17]
PaintableWithLines (BlockContainer(anonymous)) [18,18 280.84375x17]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x54]
PaintableWithLines (BlockContainer<BODY>.outer) [8,8 300.84375x38]
PaintableBox (Box<DIV>.inner) [18,18 280.84375x18]
PaintableWithLines (BlockContainer(anonymous)) [18,18 280.84375x18]
TextPaintable (TextNode<#text>)

View file

@ -7,14 +7,14 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.buttons> at (394.625,11) content-size 114.375x50 flex-item [BFC] children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [395.625,12 57.046875x17] baseline: 14.296875
frag 1 from BlockContainer start: 0, length: 0, rect: [454.671875,12 53.328125x17] baseline: 14.296875
BlockContainer <div.button> at (395.625,12) content-size 57.046875x17 inline-block [BFC] children: inline
frag 0 from TextNode start: 0, length: 6, rect: [395.625,12 57.046875x17] baseline: 13.296875
frag 0 from BlockContainer start: 0, length: 0, rect: [395.625,12 57.046875x18] baseline: 14.796875
frag 1 from BlockContainer start: 0, length: 0, rect: [454.671875,12 53.328125x18] baseline: 14.796875
BlockContainer <div.button> at (395.625,12) content-size 57.046875x18 inline-block [BFC] children: inline
frag 0 from TextNode start: 0, length: 6, rect: [395.625,12 57.046875x18] baseline: 13.796875
"Accept"
TextNode <#text>
BlockContainer <div.button> at (454.671875,12) content-size 53.328125x17 inline-block [BFC] children: inline
frag 0 from TextNode start: 0, length: 6, rect: [454.671875,12 53.328125x17] baseline: 13.296875
BlockContainer <div.button> at (454.671875,12) content-size 53.328125x18 inline-block [BFC] children: inline
frag 0 from TextNode start: 0, length: 6, rect: [454.671875,12 53.328125x18] baseline: 13.796875
"Reject"
TextNode <#text>
@ -23,7 +23,7 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableBox (Box<BODY>) [9,9 502x54]
PaintableWithLines (BlockContainer<DIV>.big) [10,10 383.625x52]
PaintableWithLines (BlockContainer<DIV>.buttons) [393.625,10 116.375x52]
PaintableWithLines (BlockContainer<DIV>.button) [394.625,11 59.046875x19]
PaintableWithLines (BlockContainer<DIV>.button) [394.625,11 59.046875x20]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.button) [453.671875,11 55.328125x19]
PaintableWithLines (BlockContainer<DIV>.button) [453.671875,11 55.328125x20]
TextPaintable (TextNode<#text>)

View file

@ -1,19 +1,19 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x67 [BFC] children: not-inline
Box <body.pink> at (8,8) content-size 784x51 flex-container(row) [FFC] children: not-inline
Box <div.orange> at (8,8) content-size 194.71875x51 flex-container(row) flex-item [FFC] children: not-inline
BlockContainer <div.lime> at (8,8) content-size 87.359375x51 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 9, rect: [8,8 74.75x17] baseline: 13.296875
BlockContainer <html> at (0,0) content-size 800x70 [BFC] children: not-inline
Box <body.pink> at (8,8) content-size 784x54 flex-container(row) [FFC] children: not-inline
Box <div.orange> at (8,8) content-size 194.71875x54 flex-container(row) flex-item [FFC] children: not-inline
BlockContainer <div.lime> at (8,8) content-size 87.359375x54 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 9, rect: [8,8 74.75x18] baseline: 13.796875
"This is a"
frag 1 from TextNode start: 10, length: 8, rect: [8,25 71.828125x17] baseline: 13.296875
frag 1 from TextNode start: 10, length: 8, rect: [8,26 71.828125x18] baseline: 13.796875
"bunch of"
frag 2 from TextNode start: 19, length: 4, rect: [8,42 32.140625x17] baseline: 13.296875
frag 2 from TextNode start: 19, length: 4, rect: [8,44 32.140625x18] baseline: 13.796875
"text"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x67]
PaintableBox (Box<BODY>.pink) [8,8 784x51]
PaintableBox (Box<DIV>.orange) [8,8 194.71875x51]
PaintableWithLines (BlockContainer<DIV>.lime) [8,8 87.359375x51]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x70]
PaintableBox (Box<BODY>.pink) [8,8 784x54]
PaintableBox (Box<DIV>.orange) [8,8 194.71875x54]
PaintableWithLines (BlockContainer<DIV>.lime) [8,8 87.359375x54]
TextPaintable (TextNode<#text>)

View file

@ -1,245 +1,245 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x2016 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 500x2000 children: not-inline
Box <div> at (8,8) content-size 500x17 flex-container(row) [FFC] children: not-inline
Box <div> at (8,8) content-size 500x18 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div> at (8,8) content-size 78.59375x17 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 10, rect: [8,8 78.59375x17] baseline: 13.296875
BlockContainer <div> at (8,8) content-size 78.59375x18 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 10, rect: [8,8 78.59375x18] baseline: 13.796875
"abcdefghij"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,25) content-size 500x0 children: inline
BlockContainer <(anonymous)> at (8,26) content-size 500x0 children: inline
TextNode <#text>
Box <div> at (8,25) content-size 500x17 flex-container(row) [FFC] children: not-inline
Box <div> at (8,26) content-size 500x18 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div> at (8,25) content-size 0x17 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 10, rect: [8,25 78.59375x17] baseline: 13.296875
BlockContainer <div> at (8,26) content-size 0x18 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 10, rect: [8,26 78.59375x18] baseline: 13.796875
"abcdefghij"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,42) content-size 500x0 children: inline
BlockContainer <(anonymous)> at (8,44) content-size 500x0 children: inline
TextNode <#text>
Box <div> at (8,42) content-size 500x17 flex-container(row) [FFC] children: not-inline
Box <div> at (8,44) content-size 500x18 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div> at (8,42) content-size 100x17 flex-item [BFC] children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [8,42 100x17] baseline: 13.296875
BlockContainer <div> at (8,44) content-size 100x18 flex-item [BFC] children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [8,44 100x18] baseline: 13.796875
TextNode <#text>
BlockContainer <span> at (8,42) content-size 100x17 inline-block [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [8,42 9.703125x17] baseline: 13.296875
BlockContainer <span> at (8,44) content-size 100x18 inline-block [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [8,44 9.703125x18] baseline: 13.796875
"x"
TextNode <#text>
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,59) content-size 500x0 children: inline
BlockContainer <(anonymous)> at (8,62) content-size 500x0 children: inline
TextNode <#text>
Box <div> at (8,59) content-size 500x17 flex-container(row) [FFC] children: not-inline
Box <div> at (8,62) content-size 500x18 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div> at (8,59) content-size 210.09375x17 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 24, rect: [8,59 210.09375x17] baseline: 13.296875
BlockContainer <div> at (8,62) content-size 210.09375x18 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 24, rect: [8,62 210.09375x18] baseline: 13.796875
"longwordlongwordlongword"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,76) content-size 500x0 children: inline
BlockContainer <(anonymous)> at (8,80) content-size 500x0 children: inline
TextNode <#text>
Box <div> at (8,76) content-size 500x200 flex-container(column) [FFC] children: not-inline
Box <div> at (8,80) content-size 500x200 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div> at (8,76) content-size 500x200 flex-item [BFC] children: not-inline
BlockContainer <(anonymous)> at (8,76) content-size 500x0 children: inline
BlockContainer <div> at (8,80) content-size 500x200 flex-item [BFC] children: not-inline
BlockContainer <(anonymous)> at (8,80) content-size 500x0 children: inline
TextNode <#text>
BlockContainer <div> at (8,76) content-size 500x200 children: not-inline
BlockContainer <(anonymous)> at (8,276) content-size 500x0 children: inline
BlockContainer <div> at (8,80) content-size 500x200 children: not-inline
BlockContainer <(anonymous)> at (8,280) content-size 500x0 children: inline
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,276) content-size 500x0 children: inline
BlockContainer <(anonymous)> at (8,280) content-size 500x0 children: inline
TextNode <#text>
Box <div> at (8,276) content-size 500x17 flex-container(row) [FFC] children: not-inline
Box <div> at (8,280) content-size 500x18 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div> at (8,276) content-size 500x17 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 10, rect: [8,276 78.59375x17] baseline: 13.296875
BlockContainer <div> at (8,280) content-size 500x18 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 10, rect: [8,280 78.59375x18] baseline: 13.796875
"abcdefghij"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,293) content-size 500x0 children: inline
BlockContainer <(anonymous)> at (8,298) content-size 500x0 children: inline
TextNode <#text>
Box <div> at (8,293) content-size 500x8 flex-container(row) [FFC] children: not-inline
Box <div> at (8,298) content-size 500x8 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
ImageBox <img> at (8,293) content-size 8x8 flex-item children: not-inline
ImageBox <img> at (8,298) content-size 8x8 flex-item children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,301) content-size 500x0 children: inline
BlockContainer <(anonymous)> at (8,306) content-size 500x0 children: inline
TextNode <#text>
Box <div> at (8,301) content-size 100x17 flex-container(row) [FFC] children: not-inline
Box <div> at (8,306) content-size 100x18 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div> at (8,301) content-size 210.09375x17 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 24, rect: [8,301 210.09375x17] baseline: 13.296875
BlockContainer <div> at (8,306) content-size 210.09375x18 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 24, rect: [8,306 210.09375x18] baseline: 13.796875
"longwordlongwordlongword"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,318) content-size 500x0 children: inline
BlockContainer <(anonymous)> at (8,324) content-size 500x0 children: inline
TextNode <#text>
Box <div> at (8,318) content-size 500x18.421875 flex-container(row) [FFC] children: not-inline
Box <div> at (8,324) content-size 500x18.421875 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div> at (8,318) content-size 36.84375x18.421875 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [8,318 36.84375x17] baseline: 13.296875
BlockContainer <div> at (8,324) content-size 36.84375x18.421875 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [8,324 36.84375x18] baseline: 13.796875
"hello"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,336.421875) content-size 500x0 children: inline
BlockContainer <(anonymous)> at (8,342.421875) content-size 500x0 children: inline
TextNode <#text>
Box <div> at (8,336.421875) content-size 500x100 flex-container(row) [FFC] children: not-inline
Box <div> at (8,342.421875) content-size 500x100 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div> at (8,336.421875) content-size 200x100 flex-item [BFC] children: not-inline
BlockContainer <div> at (8,342.421875) content-size 200x100 flex-item [BFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,436.421875) content-size 500x0 children: inline
BlockContainer <(anonymous)> at (8,442.421875) content-size 500x0 children: inline
TextNode <#text>
Box <div> at (8,436.421875) content-size 500x0 flex-container(row) [FFC] children: not-inline
Box <div> at (8,442.421875) content-size 500x0 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div> at (8,436.421875) content-size 0x0 flex-item [BFC] children: not-inline
BlockContainer <(anonymous)> at (8,436.421875) content-size 0x0 children: inline
BlockContainer <div> at (8,442.421875) content-size 0x0 flex-item [BFC] children: not-inline
BlockContainer <(anonymous)> at (8,442.421875) content-size 0x0 children: inline
TextNode <#text>
BlockContainer <div> at (8,436.421875) content-size 0x100 children: not-inline
BlockContainer <(anonymous)> at (8,536.421875) content-size 0x0 children: inline
BlockContainer <div> at (8,442.421875) content-size 0x100 children: not-inline
BlockContainer <(anonymous)> at (8,542.421875) content-size 0x0 children: inline
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,436.421875) content-size 500x0 children: inline
BlockContainer <(anonymous)> at (8,442.421875) content-size 500x0 children: inline
TextNode <#text>
Box <div> at (8,436.421875) content-size 500x120 flex-container(column) [FFC] children: not-inline
Box <div> at (8,442.421875) content-size 500x120 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div> at (8,436.421875) content-size 500x120 flex-item [BFC] children: not-inline
BlockContainer <(anonymous)> at (8,436.421875) content-size 500x0 children: inline
BlockContainer <div> at (8,442.421875) content-size 500x120 flex-item [BFC] children: not-inline
BlockContainer <(anonymous)> at (8,442.421875) content-size 500x0 children: inline
TextNode <#text>
BlockContainer <div> at (8,436.421875) content-size 500x120 children: not-inline
BlockContainer <(anonymous)> at (8,556.421875) content-size 500x0 children: inline
BlockContainer <div> at (8,442.421875) content-size 500x120 children: not-inline
BlockContainer <(anonymous)> at (8,562.421875) content-size 500x0 children: inline
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,556.421875) content-size 500x0 children: inline
BlockContainer <(anonymous)> at (8,562.421875) content-size 500x0 children: inline
TextNode <#text>
Box <div> at (8,556.421875) content-size 500x300 flex-container(column) [FFC] children: not-inline
Box <div> at (8,562.421875) content-size 500x300 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div> at (8,556.421875) content-size 500x300 flex-item [BFC] children: not-inline
BlockContainer <(anonymous)> at (8,556.421875) content-size 500x0 children: inline
BlockContainer <div> at (8,562.421875) content-size 500x300 flex-item [BFC] children: not-inline
BlockContainer <(anonymous)> at (8,562.421875) content-size 500x0 children: inline
TextNode <#text>
BlockContainer <div> at (8,556.421875) content-size 500x300 children: not-inline
BlockContainer <(anonymous)> at (8,856.421875) content-size 500x0 children: inline
BlockContainer <div> at (8,562.421875) content-size 500x300 children: not-inline
BlockContainer <(anonymous)> at (8,862.421875) content-size 500x0 children: inline
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,856.421875) content-size 500x0 children: inline
BlockContainer <(anonymous)> at (8,862.421875) content-size 500x0 children: inline
TextNode <#text>
Box <div> at (8,856.421875) content-size 500x150 flex-container(row) [FFC] children: not-inline
Box <div> at (8,862.421875) content-size 500x150 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div> at (8,856.421875) content-size 300x150 flex-item [BFC] children: not-inline
BlockContainer <(anonymous)> at (8,856.421875) content-size 300x0 children: inline
BlockContainer <div> at (8,862.421875) content-size 300x150 flex-item [BFC] children: not-inline
BlockContainer <(anonymous)> at (8,862.421875) content-size 300x0 children: inline
TextNode <#text>
BlockContainer <div> at (8,856.421875) content-size 300x150 children: not-inline
BlockContainer <(anonymous)> at (8,1006.421875) content-size 300x0 children: inline
BlockContainer <div> at (8,862.421875) content-size 300x150 children: not-inline
BlockContainer <(anonymous)> at (8,1012.421875) content-size 300x0 children: inline
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,1006.421875) content-size 500x0 children: inline
BlockContainer <(anonymous)> at (8,1012.421875) content-size 500x0 children: inline
TextNode <#text>
Box <div> at (8,1006.421875) content-size 500x8 flex-container(row) [FFC] children: not-inline
Box <div> at (8,1012.421875) content-size 500x8 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
ImageBox <img> at (8,1006.421875) content-size 8x8 flex-item children: not-inline
ImageBox <img> at (8,1012.421875) content-size 8x8 flex-item children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,1014.421875) content-size 500x0 children: inline
BlockContainer <(anonymous)> at (8,1020.421875) content-size 500x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x2016]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x2016]
PaintableWithLines (BlockContainer<BODY>) [8,8 500x2000]
PaintableBox (Box<DIV>) [8,8 500x17]
PaintableWithLines (BlockContainer<DIV>) [8,8 78.59375x17]
PaintableBox (Box<DIV>) [8,8 500x18]
PaintableWithLines (BlockContainer<DIV>) [8,8 78.59375x18]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,25 500x0]
PaintableBox (Box<DIV>) [8,25 500x17]
PaintableWithLines (BlockContainer<DIV>) [8,25 0x17] overflow: [8,25 78.59375x17]
PaintableWithLines (BlockContainer(anonymous)) [8,26 500x0]
PaintableBox (Box<DIV>) [8,26 500x18]
PaintableWithLines (BlockContainer<DIV>) [8,26 0x18] overflow: [8,26 78.59375x18]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,42 500x0]
PaintableBox (Box<DIV>) [8,42 500x17]
PaintableWithLines (BlockContainer<DIV>) [8,42 100x17]
PaintableWithLines (BlockContainer<SPAN>) [8,42 100x17]
PaintableWithLines (BlockContainer(anonymous)) [8,44 500x0]
PaintableBox (Box<DIV>) [8,44 500x18]
PaintableWithLines (BlockContainer<DIV>) [8,44 100x18]
PaintableWithLines (BlockContainer<SPAN>) [8,44 100x18]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,59 500x0]
PaintableBox (Box<DIV>) [8,59 500x17]
PaintableWithLines (BlockContainer<DIV>) [8,59 210.09375x17]
PaintableWithLines (BlockContainer(anonymous)) [8,62 500x0]
PaintableBox (Box<DIV>) [8,62 500x18]
PaintableWithLines (BlockContainer<DIV>) [8,62 210.09375x18]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,76 500x0]
PaintableBox (Box<DIV>) [8,76 500x200]
PaintableWithLines (BlockContainer<DIV>) [8,76 500x200]
PaintableWithLines (BlockContainer(anonymous)) [8,76 500x0]
PaintableWithLines (BlockContainer<DIV>) [8,76 500x200]
PaintableWithLines (BlockContainer(anonymous)) [8,276 500x0]
PaintableWithLines (BlockContainer(anonymous)) [8,276 500x0]
PaintableBox (Box<DIV>) [8,276 500x17]
PaintableWithLines (BlockContainer<DIV>) [8,276 500x17]
PaintableWithLines (BlockContainer(anonymous)) [8,80 500x0]
PaintableBox (Box<DIV>) [8,80 500x200]
PaintableWithLines (BlockContainer<DIV>) [8,80 500x200]
PaintableWithLines (BlockContainer(anonymous)) [8,80 500x0]
PaintableWithLines (BlockContainer<DIV>) [8,80 500x200]
PaintableWithLines (BlockContainer(anonymous)) [8,280 500x0]
PaintableWithLines (BlockContainer(anonymous)) [8,280 500x0]
PaintableBox (Box<DIV>) [8,280 500x18]
PaintableWithLines (BlockContainer<DIV>) [8,280 500x18]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,293 500x0]
PaintableBox (Box<DIV>) [8,293 500x8]
ImagePaintable (ImageBox<IMG>) [8,293 8x8]
PaintableWithLines (BlockContainer(anonymous)) [8,301 500x0]
PaintableBox (Box<DIV>) [8,301 100x17] overflow: [8,301 210.09375x17]
PaintableWithLines (BlockContainer<DIV>) [8,301 210.09375x17]
PaintableWithLines (BlockContainer(anonymous)) [8,298 500x0]
PaintableBox (Box<DIV>) [8,298 500x8]
ImagePaintable (ImageBox<IMG>) [8,298 8x8]
PaintableWithLines (BlockContainer(anonymous)) [8,306 500x0]
PaintableBox (Box<DIV>) [8,306 100x18] overflow: [8,306 210.09375x18]
PaintableWithLines (BlockContainer<DIV>) [8,306 210.09375x18]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,318 500x0]
PaintableBox (Box<DIV>) [8,318 500x18.421875]
PaintableWithLines (BlockContainer<DIV>) [8,318 36.84375x18.421875]
PaintableWithLines (BlockContainer(anonymous)) [8,324 500x0]
PaintableBox (Box<DIV>) [8,324 500x18.421875]
PaintableWithLines (BlockContainer<DIV>) [8,324 36.84375x18.421875]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,336.421875 500x0]
PaintableBox (Box<DIV>) [8,336.421875 500x100]
PaintableWithLines (BlockContainer<DIV>) [8,336.421875 200x100]
PaintableWithLines (BlockContainer(anonymous)) [8,436.421875 500x0]
PaintableBox (Box<DIV>) [8,436.421875 500x0]
PaintableWithLines (BlockContainer<DIV>) [8,436.421875 0x0]
PaintableWithLines (BlockContainer(anonymous)) [8,436.421875 0x0]
PaintableWithLines (BlockContainer<DIV>) [8,436.421875 0x100]
PaintableWithLines (BlockContainer(anonymous)) [8,536.421875 0x0]
PaintableWithLines (BlockContainer(anonymous)) [8,436.421875 500x0]
PaintableBox (Box<DIV>) [8,436.421875 500x120]
PaintableWithLines (BlockContainer<DIV>) [8,436.421875 500x120]
PaintableWithLines (BlockContainer(anonymous)) [8,436.421875 500x0]
PaintableWithLines (BlockContainer<DIV>) [8,436.421875 500x120]
PaintableWithLines (BlockContainer(anonymous)) [8,556.421875 500x0]
PaintableWithLines (BlockContainer(anonymous)) [8,556.421875 500x0]
PaintableBox (Box<DIV>) [8,556.421875 500x300]
PaintableWithLines (BlockContainer<DIV>) [8,556.421875 500x300]
PaintableWithLines (BlockContainer(anonymous)) [8,556.421875 500x0]
PaintableWithLines (BlockContainer<DIV>) [8,556.421875 500x300]
PaintableWithLines (BlockContainer(anonymous)) [8,856.421875 500x0]
PaintableWithLines (BlockContainer(anonymous)) [8,856.421875 500x0]
PaintableBox (Box<DIV>) [8,856.421875 500x150]
PaintableWithLines (BlockContainer<DIV>) [8,856.421875 300x150]
PaintableWithLines (BlockContainer(anonymous)) [8,856.421875 300x0]
PaintableWithLines (BlockContainer<DIV>) [8,856.421875 300x150]
PaintableWithLines (BlockContainer(anonymous)) [8,1006.421875 300x0]
PaintableWithLines (BlockContainer(anonymous)) [8,1006.421875 500x0]
PaintableBox (Box<DIV>) [8,1006.421875 500x8]
ImagePaintable (ImageBox<IMG>) [8,1006.421875 8x8]
PaintableWithLines (BlockContainer(anonymous)) [8,1014.421875 500x0]
PaintableWithLines (BlockContainer(anonymous)) [8,342.421875 500x0]
PaintableBox (Box<DIV>) [8,342.421875 500x100]
PaintableWithLines (BlockContainer<DIV>) [8,342.421875 200x100]
PaintableWithLines (BlockContainer(anonymous)) [8,442.421875 500x0]
PaintableBox (Box<DIV>) [8,442.421875 500x0]
PaintableWithLines (BlockContainer<DIV>) [8,442.421875 0x0]
PaintableWithLines (BlockContainer(anonymous)) [8,442.421875 0x0]
PaintableWithLines (BlockContainer<DIV>) [8,442.421875 0x100]
PaintableWithLines (BlockContainer(anonymous)) [8,542.421875 0x0]
PaintableWithLines (BlockContainer(anonymous)) [8,442.421875 500x0]
PaintableBox (Box<DIV>) [8,442.421875 500x120]
PaintableWithLines (BlockContainer<DIV>) [8,442.421875 500x120]
PaintableWithLines (BlockContainer(anonymous)) [8,442.421875 500x0]
PaintableWithLines (BlockContainer<DIV>) [8,442.421875 500x120]
PaintableWithLines (BlockContainer(anonymous)) [8,562.421875 500x0]
PaintableWithLines (BlockContainer(anonymous)) [8,562.421875 500x0]
PaintableBox (Box<DIV>) [8,562.421875 500x300]
PaintableWithLines (BlockContainer<DIV>) [8,562.421875 500x300]
PaintableWithLines (BlockContainer(anonymous)) [8,562.421875 500x0]
PaintableWithLines (BlockContainer<DIV>) [8,562.421875 500x300]
PaintableWithLines (BlockContainer(anonymous)) [8,862.421875 500x0]
PaintableWithLines (BlockContainer(anonymous)) [8,862.421875 500x0]
PaintableBox (Box<DIV>) [8,862.421875 500x150]
PaintableWithLines (BlockContainer<DIV>) [8,862.421875 300x150]
PaintableWithLines (BlockContainer(anonymous)) [8,862.421875 300x0]
PaintableWithLines (BlockContainer<DIV>) [8,862.421875 300x150]
PaintableWithLines (BlockContainer(anonymous)) [8,1012.421875 300x0]
PaintableWithLines (BlockContainer(anonymous)) [8,1012.421875 500x0]
PaintableBox (Box<DIV>) [8,1012.421875 500x8]
ImagePaintable (ImageBox<IMG>) [8,1012.421875 8x8]
PaintableWithLines (BlockContainer(anonymous)) [8,1020.421875 500x0]

View file

@ -5,19 +5,19 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.box> at (158,10) content-size 100x100 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [158,10 6.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [158,10 6.34375x18] baseline: 13.796875
"1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.box> at (56,10) content-size 100x100 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [56,10 8.8125x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [56,10 8.8125x18] baseline: 13.796875
"2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.box> at (158,112) content-size 100x100 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [158,112 9.09375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [158,112 9.09375x18] baseline: 13.796875
"3"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline

View file

@ -3,15 +3,15 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x50 children: not-inline
Box <div.flex> at (8,8) content-size 784x50 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (425,8) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [425,8 6.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [425,8 6.34375x18] baseline: 13.796875
"1"
TextNode <#text>
BlockContainer <div> at (375,8) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [375,8 8.8125x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [375,8 8.8125x18] baseline: 13.796875
"2"
TextNode <#text>
BlockContainer <div> at (325,8) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [325,8 9.09375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [325,8 9.09375x18] baseline: 13.796875
"3"
TextNode <#text>

View file

@ -3,24 +3,24 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (10,10) content-size 780x108 children: not-inline
Box <div.flex> at (11,11) content-size 500x52 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> at (11,11) content-size 36.84375x52 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [11,11 36.84375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [11,11 36.84375x18] baseline: 13.796875
"hello"
TextNode <#text>
Box <div.item.one> at (48.84375,12) content-size 461.15625x50 flex-container(row) flex-item [FFC] children: not-inline
BlockContainer <(anonymous)> at (48.84375,12) content-size 55.359375x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 7, rect: [48.84375,12 55.359375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 7, rect: [48.84375,12 55.359375x18] baseline: 13.796875
"friends"
TextNode <#text>
BlockContainer <(anonymous)> at (10,64) content-size 780x0 children: inline
TextNode <#text>
Box <div.flex> at (11,65) content-size 500x52 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> at (11,65) content-size 36.84375x52 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [11,65 36.84375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [11,65 36.84375x18] baseline: 13.796875
"hello"
TextNode <#text>
Box <div.item.two> at (48.84375,66) content-size 461.15625x50 flex-container(row) flex-item [FFC] children: not-inline
BlockContainer <(anonymous)> at (48.84375,66) content-size 55.359375x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 7, rect: [48.84375,66 55.359375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 7, rect: [48.84375,66 55.359375x18] baseline: 13.796875
"friends"
TextNode <#text>

View file

@ -1,13 +1,13 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x33 [BFC] children: not-inline
Box <body> at (8,8) content-size 784x17 flex-container(column) [FFC] children: not-inline
BlockContainer <main> at (8,8) content-size 784x17 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 13, rect: [8,8 153.984375x17] baseline: 13.296875
BlockContainer <html> at (0,0) content-size 800x34 [BFC] children: not-inline
Box <body> at (8,8) content-size 784x18 flex-container(column) [FFC] children: not-inline
BlockContainer <main> at (8,8) content-size 784x18 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 13, rect: [8,8 153.984375x18] baseline: 13.796875
"hmmMMMMmmmmmm"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x33]
PaintableBox (Box<BODY>) [8,8 784x17]
PaintableWithLines (BlockContainer<MAIN>) [8,8 784x17]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x34]
PaintableBox (Box<BODY>) [8,8 784x18]
PaintableWithLines (BlockContainer<MAIN>) [8,8 784x18]
TextPaintable (TextNode<#text>)

View file

@ -2,22 +2,22 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x106 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x88 children: not-inline
BlockContainer <div> at (11,11) content-size 778x86 children: inline
frag 0 from Box start: 0, length: 0, rect: [12,32 180x64] baseline: 14.296875
frag 1 from Box start: 0, length: 0, rect: [194,32 180x64] baseline: 34.296875
frag 2 from Box start: 0, length: 0, rect: [376,32 180x64] baseline: 14.296875
frag 0 from Box start: 0, length: 0, rect: [12,32 180x64] baseline: 14.796875
frag 1 from Box start: 0, length: 0, rect: [194,32 180x64] baseline: 34.796875
frag 2 from Box start: 0, length: 0, rect: [376,32 180x64] baseline: 14.796875
Box <span> at (12,32) content-size 180x64 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> at (12,32) content-size 6.34375x64 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,32 6.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,32 6.34375x18] baseline: 13.796875
"1"
TextNode <#text>
Box <span> at (194,32) content-size 180x64 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> at (194,32) content-size 8.8125x64 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [194,32 8.8125x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [194,32 8.8125x18] baseline: 13.796875
"2"
TextNode <#text>
Box <span> at (376,32) content-size 180x64 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> at (376,32) content-size 9.09375x64 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [376,32 9.09375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [376,32 9.09375x18] baseline: 13.796875
"3"
TextNode <#text>
BlockContainer <(anonymous)> at (10,98) content-size 780x0 children: inline

View file

@ -1,9 +1,9 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x216 [BFC] children: inline
frag 0 from Box start: 0, length: 0, rect: [8,8 200x200] baseline: 21.296875
frag 0 from Box start: 0, length: 0, rect: [8,8 200x200] baseline: 21.796875
Box <body> at (8,8) content-size 200x200 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (8,8) content-size 200x200 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [8,8 36.84375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [8,8 36.84375x18] baseline: 13.796875
"hello"
TextNode <#text>

View file

@ -1,14 +1,14 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 500x37 [BFC] children: inline
frag 0 from Box start: 0, length: 0, rect: [10,10 162.40625x19] baseline: 24.296875
Box <body> at (10,10) content-size 162.40625x19 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (11,11) content-size 160.40625x17 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 20, rect: [11,11 160.40625x17] baseline: 13.296875
BlockContainer <html> at (1,1) content-size 500x38 [BFC] children: inline
frag 0 from Box start: 0, length: 0, rect: [10,10 162.40625x20] baseline: 24.796875
Box <body> at (10,10) content-size 162.40625x20 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (11,11) content-size 160.40625x18 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 20, rect: [11,11 160.40625x18] baseline: 13.796875
"Immobilie inserieren"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 502x39]
PaintableBox (Box<BODY>) [9,9 164.40625x21]
PaintableWithLines (BlockContainer<DIV>) [10,10 162.40625x19]
PaintableWithLines (BlockContainer<HTML>) [0,0 502x40]
PaintableBox (Box<BODY>) [9,9 164.40625x22]
PaintableWithLines (BlockContainer<DIV>) [10,10 162.40625x20]
TextPaintable (TextNode<#text>)

View file

@ -1,71 +1,71 @@
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 <html> at (1,1) content-size 798x146 [BFC] children: not-inline
Box <body> at (10,10) content-size 780x128 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
BlockContainer <div.px> at (11,11) content-size 200x20 flex-item [BFC] children: not-inline
Box <div.inner> at (12,12) content-size 198x18 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> at (12,12) content-size 19.125x18 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 2, rect: [12,12 19.125x18] baseline: 13.796875
"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
BlockContainer <div.percentage> at (11,33) content-size 50x20 flex-item [BFC] children: not-inline
Box <div.inner> at (12,34) content-size 48x18 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> at (12,34) content-size 86.671875x18 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 10, rect: [12,34 86.671875x18] baseline: 13.796875
"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
BlockContainer <div.fit-content> at (11,55) content-size 88.765625x20 flex-item [BFC] children: not-inline
Box <div.inner> at (12,56) content-size 86.765625x18 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> at (12,56) content-size 86.765625x18 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 11, rect: [12,56 86.765625x18] baseline: 13.796875
"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
BlockContainer <div.max-content> at (11,77) content-size 102.15625x20 flex-item [BFC] children: not-inline
Box <div.inner> at (12,78) content-size 100.15625x18 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> at (12,78) content-size 100.15625x18 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 11, rect: [12,78 100.15625x18] baseline: 13.796875
"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
BlockContainer <div.min-content> at (11,99) content-size 62.90625x38 flex-item [BFC] children: not-inline
Box <div.inner> at (12,100) content-size 60.90625x36 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> at (12,100) content-size 60.90625x36 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 3, rect: [12,100 26.375x18] baseline: 13.796875
"min"
frag 1 from TextNode start: 4, length: 7, rect: [12,113 60.90625x17] baseline: 13.296875
frag 1 from TextNode start: 4, length: 7, rect: [12,118 60.90625x18] baseline: 13.796875
"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]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x148]
PaintableBox (Box<BODY>) [9,9 782x130]
PaintableWithLines (BlockContainer<DIV>.px) [10,10 202x22]
PaintableBox (Box<DIV>.inner) [11,11 200x20]
PaintableWithLines (BlockContainer(anonymous)) [12,12 19.125x18]
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]
PaintableWithLines (BlockContainer<DIV>.percentage) [10,32 52x22] overflow: [11,33 87.671875x20]
PaintableBox (Box<DIV>.inner) [11,33 50x20] overflow: [12,34 86.671875x18]
PaintableWithLines (BlockContainer(anonymous)) [12,34 86.671875x18]
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]
PaintableWithLines (BlockContainer<DIV>.fit-content) [10,54 90.765625x22]
PaintableBox (Box<DIV>.inner) [11,55 88.765625x20]
PaintableWithLines (BlockContainer(anonymous)) [12,56 86.765625x18]
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]
PaintableWithLines (BlockContainer<DIV>.max-content) [10,76 104.15625x22]
PaintableBox (Box<DIV>.inner) [11,77 102.15625x20]
PaintableWithLines (BlockContainer(anonymous)) [12,78 100.15625x18]
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]
PaintableWithLines (BlockContainer<DIV>.min-content) [10,98 64.90625x40]
PaintableBox (Box<DIV>.inner) [11,99 62.90625x38]
PaintableWithLines (BlockContainer(anonymous)) [12,100 60.90625x36]
TextPaintable (TextNode<#text>)

View file

@ -5,600 +5,600 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
Box <div.row.outer.start> at (11,11) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (12,12) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [12,12 41.234375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [12,12 41.234375x18] baseline: 13.796875
"start"
TextNode <#text>
BlockContainer <div> at (64,12) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [64,12 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [64,12 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (116,12) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [116,12 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [116,12 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,72) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.outer.flex-start> at (11,73) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (12,74) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 10, rect: [12,74 76.8125x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 10, rect: [12,74 76.8125x18] baseline: 13.796875
"flex-start"
TextNode <#text>
BlockContainer <div> at (64,74) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [64,74 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [64,74 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (116,74) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [116,74 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [116,74 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,134) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.outer.end> at (11,135) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (156,136) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 3, rect: [156,136 26.1875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [156,136 26.1875x18] baseline: 13.796875
"end"
TextNode <#text>
BlockContainer <div> at (208,136) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [208,136 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [208,136 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (260,136) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [260,136 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [260,136 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,196) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.outer.flex-end> at (11,197) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (156,198) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 8, rect: [156,198 61.765625x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 8, rect: [156,198 61.765625x18] baseline: 13.796875
"flex-end"
TextNode <#text>
BlockContainer <div> at (208,198) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [208,198 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [208,198 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (260,198) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [260,198 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [260,198 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,258) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.outer.center> at (11,259) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (84,260) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 6, rect: [84,260 51.625x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [84,260 51.625x18] baseline: 13.796875
"center"
TextNode <#text>
BlockContainer <div> at (136,260) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [136,260 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [136,260 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (188,260) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [188,260 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [188,260 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,320) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.outer.space-around> at (11,321) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (36,322) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 12, rect: [36,322 107.96875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 12, rect: [36,322 107.96875x18] baseline: 13.796875
"space-around"
TextNode <#text>
BlockContainer <div> at (136,322) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [136,322 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [136,322 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (236,322) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [236,322 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [236,322 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,382) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.outer.space-between> at (11,383) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (12,384) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 13, rect: [12,384 115.515625x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 13, rect: [12,384 115.515625x18] baseline: 13.796875
"space-between"
TextNode <#text>
BlockContainer <div> at (136,384) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [136,384 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [136,384 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (260,384) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [260,384 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [260,384 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,444) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.outer.space-evenly> at (11,445) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (48,446) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 12, rect: [48,446 98.859375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 12, rect: [48,446 98.859375x18] baseline: 13.796875
"space-evenly"
TextNode <#text>
BlockContainer <div> at (136,446) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [136,446 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [136,446 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (224,446) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [224,446 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [224,446 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,506) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.outer.left> at (11,507) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (12,508) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 4, rect: [12,508 26.25x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [12,508 26.25x18] baseline: 13.796875
"left"
TextNode <#text>
BlockContainer <div> at (64,508) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [64,508 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [64,508 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (116,508) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [116,508 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [116,508 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,568) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.outer.right> at (11,569) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (156,570) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [156,570 37.109375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [156,570 37.109375x18] baseline: 13.796875
"right"
TextNode <#text>
BlockContainer <div> at (208,570) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [208,570 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [208,570 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (260,570) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [260,570 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [260,570 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,630) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.start> at (11,631) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (116,632) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [116,632 41.234375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [116,632 41.234375x18] baseline: 13.796875
"start"
TextNode <#text>
BlockContainer <div> at (64,632) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [64,632 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [64,632 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (12,632) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,632 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,632 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,692) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.flex-start> at (11,693) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (260,694) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 10, rect: [260,694 76.8125x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 10, rect: [260,694 76.8125x18] baseline: 13.796875
"flex-start"
TextNode <#text>
BlockContainer <div> at (208,694) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [208,694 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [208,694 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (156,694) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [156,694 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [156,694 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,754) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.end> at (11,755) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (260,756) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 3, rect: [260,756 26.1875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [260,756 26.1875x18] baseline: 13.796875
"end"
TextNode <#text>
BlockContainer <div> at (208,756) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [208,756 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [208,756 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (156,756) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [156,756 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [156,756 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,816) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.flex-end> at (11,817) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (116,818) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 8, rect: [116,818 61.765625x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 8, rect: [116,818 61.765625x18] baseline: 13.796875
"flex-end"
TextNode <#text>
BlockContainer <div> at (64,818) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [64,818 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [64,818 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (12,818) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,818 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,818 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,878) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.center> at (11,879) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (188,880) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 6, rect: [188,880 51.625x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [188,880 51.625x18] baseline: 13.796875
"center"
TextNode <#text>
BlockContainer <div> at (136,880) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [136,880 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [136,880 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (84,880) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [84,880 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [84,880 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,940) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.space-around> at (11,941) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (236,942) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 12, rect: [236,942 107.96875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 12, rect: [236,942 107.96875x18] baseline: 13.796875
"space-around"
TextNode <#text>
BlockContainer <div> at (136,942) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [136,942 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [136,942 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (36,942) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [36,942 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [36,942 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,1002) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.space-between> at (11,1003) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (260,1004) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 13, rect: [260,1004 115.515625x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 13, rect: [260,1004 115.515625x18] baseline: 13.796875
"space-between"
TextNode <#text>
BlockContainer <div> at (136,1004) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [136,1004 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [136,1004 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (12,1004) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,1004 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,1004 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,1064) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.space-evenly> at (11,1065) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (224,1066) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 12, rect: [224,1066 98.859375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 12, rect: [224,1066 98.859375x18] baseline: 13.796875
"space-evenly"
TextNode <#text>
BlockContainer <div> at (136,1066) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [136,1066 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [136,1066 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (48,1066) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [48,1066 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [48,1066 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,1126) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.left> at (11,1127) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (116,1128) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 4, rect: [116,1128 26.25x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [116,1128 26.25x18] baseline: 13.796875
"left"
TextNode <#text>
BlockContainer <div> at (64,1128) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [64,1128 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [64,1128 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (12,1128) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,1128 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,1128 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,1188) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.right> at (11,1189) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (260,1190) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [260,1190 37.109375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [260,1190 37.109375x18] baseline: 13.796875
"right"
TextNode <#text>
BlockContainer <div> at (208,1190) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [208,1190 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [208,1190 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (156,1190) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [156,1190 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [156,1190 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,1250) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.start> at (11,1251) content-size 60x300 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (12,1252) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [12,1252 41.234375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [12,1252 41.234375x18] baseline: 13.796875
"start"
TextNode <#text>
BlockContainer <div> at (12,1304) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,1304 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,1304 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (12,1356) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,1356 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,1356 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,1552) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.flex-start> at (11,1553) content-size 60x300 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (12,1554) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 10, rect: [12,1554 76.8125x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 10, rect: [12,1554 76.8125x18] baseline: 13.796875
"flex-start"
TextNode <#text>
BlockContainer <div> at (12,1606) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,1606 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,1606 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (12,1658) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,1658 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,1658 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,1854) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.end> at (11,1855) content-size 60x300 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (12,2000) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 3, rect: [12,2000 26.1875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [12,2000 26.1875x18] baseline: 13.796875
"end"
TextNode <#text>
BlockContainer <div> at (12,2052) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,2052 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,2052 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (12,2104) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,2104 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,2104 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,2156) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.flex-end> at (11,2157) content-size 60x300 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (12,2302) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 8, rect: [12,2302 61.765625x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 8, rect: [12,2302 61.765625x18] baseline: 13.796875
"flex-end"
TextNode <#text>
BlockContainer <div> at (12,2354) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,2354 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,2354 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (12,2406) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,2406 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,2406 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,2458) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.center> at (11,2459) content-size 60x300 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (12,2532) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 6, rect: [12,2532 51.625x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [12,2532 51.625x18] baseline: 13.796875
"center"
TextNode <#text>
BlockContainer <div> at (12,2584) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,2584 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,2584 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (12,2636) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,2636 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,2636 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,2760) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.space-around> at (11,2761) content-size 60x300 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (12,2786) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 12, rect: [12,2786 107.96875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 12, rect: [12,2786 107.96875x18] baseline: 13.796875
"space-around"
TextNode <#text>
BlockContainer <div> at (12,2886) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,2886 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,2886 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (12,2986) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,2986 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,2986 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,3062) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.space-between> at (11,3063) content-size 60x300 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (12,3064) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 13, rect: [12,3064 115.515625x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 13, rect: [12,3064 115.515625x18] baseline: 13.796875
"space-between"
TextNode <#text>
BlockContainer <div> at (12,3188) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,3188 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,3188 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (12,3312) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,3312 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,3312 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,3364) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.space-evenly> at (11,3365) content-size 60x300 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (12,3402) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 12, rect: [12,3402 98.859375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 12, rect: [12,3402 98.859375x18] baseline: 13.796875
"space-evenly"
TextNode <#text>
BlockContainer <div> at (12,3490) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,3490 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,3490 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (12,3578) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,3578 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,3578 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,3666) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.left> at (11,3667) content-size 60x300 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (12,3668) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 4, rect: [12,3668 26.25x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [12,3668 26.25x18] baseline: 13.796875
"left"
TextNode <#text>
BlockContainer <div> at (12,3720) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,3720 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,3720 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (12,3772) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,3772 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,3772 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,3968) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.right> at (11,3969) content-size 60x300 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (12,3970) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [12,3970 37.109375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [12,3970 37.109375x18] baseline: 13.796875
"right"
TextNode <#text>
BlockContainer <div> at (12,4022) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,4022 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,4022 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (12,4074) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,4074 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,4074 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,4270) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.start> at (11,4271) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,4376) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [12,4376 41.234375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [12,4376 41.234375x18] baseline: 13.796875
"start"
TextNode <#text>
BlockContainer <div> at (12,4324) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,4324 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,4324 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (12,4272) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,4272 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,4272 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,4572) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.flex-start> at (11,4573) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,4822) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 10, rect: [12,4822 76.8125x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 10, rect: [12,4822 76.8125x18] baseline: 13.796875
"flex-start"
TextNode <#text>
BlockContainer <div> at (12,4770) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,4770 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,4770 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (12,4718) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,4718 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,4718 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,4874) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.end> at (11,4875) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,5124) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 3, rect: [12,5124 26.1875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [12,5124 26.1875x18] baseline: 13.796875
"end"
TextNode <#text>
BlockContainer <div> at (12,5072) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,5072 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,5072 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (12,5020) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,5020 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,5020 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,5176) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.flex-end> at (11,5177) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,5282) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 8, rect: [12,5282 61.765625x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 8, rect: [12,5282 61.765625x18] baseline: 13.796875
"flex-end"
TextNode <#text>
BlockContainer <div> at (12,5230) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,5230 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,5230 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (12,5178) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,5178 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,5178 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,5478) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.center> at (11,5479) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,5656) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 6, rect: [12,5656 51.625x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [12,5656 51.625x18] baseline: 13.796875
"center"
TextNode <#text>
BlockContainer <div> at (12,5604) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,5604 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,5604 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (12,5552) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,5552 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,5552 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,5780) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.space-around> at (11,5781) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,6006) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 12, rect: [12,6006 107.96875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 12, rect: [12,6006 107.96875x18] baseline: 13.796875
"space-around"
TextNode <#text>
BlockContainer <div> at (12,5906) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,5906 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,5906 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (12,5806) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,5806 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,5806 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,6082) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.space-between> at (11,6083) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,6332) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 13, rect: [12,6332 115.515625x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 13, rect: [12,6332 115.515625x18] baseline: 13.796875
"space-between"
TextNode <#text>
BlockContainer <div> at (12,6208) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,6208 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,6208 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (12,6084) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,6084 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,6084 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,6384) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.space-evenly> at (11,6385) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,6598) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 12, rect: [12,6598 98.859375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 12, rect: [12,6598 98.859375x18] baseline: 13.796875
"space-evenly"
TextNode <#text>
BlockContainer <div> at (12,6510) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,6510 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,6510 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (12,6422) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,6422 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,6422 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,6686) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.left> at (11,6687) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,6792) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 4, rect: [12,6792 26.25x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [12,6792 26.25x18] baseline: 13.796875
"left"
TextNode <#text>
BlockContainer <div> at (12,6740) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,6740 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,6740 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (12,6688) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,6688 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,6688 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,6988) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.right> at (11,6989) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,7094) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [12,7094 37.109375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [12,7094 37.109375x18] baseline: 13.796875
"right"
TextNode <#text>
BlockContainer <div> at (12,7042) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,7042 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,7042 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (12,6990) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,6990 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,6990 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,7290) content-size 780x0 children: inline

View file

@ -1,15 +1,15 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x17 children: not-inline
Box <div.container> at (8,8) content-size 784x17 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (8,8) content-size 14.265625x17 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [8,8 14.265625x17] baseline: 13.296875
BlockContainer <body> at (8,8) content-size 784x18 children: not-inline
Box <div.container> at (8,8) content-size 784x18 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (8,8) content-size 14.265625x18 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [8,8 14.265625x18] baseline: 13.796875
"A"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
PaintableBox (Box<DIV>.container) [8,8 784x17]
PaintableWithLines (BlockContainer<DIV>) [8,8 14.265625x17]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x18]
PaintableBox (Box<DIV>.container) [8,8 784x18]
PaintableWithLines (BlockContainer<DIV>) [8,8 14.265625x18]
TextPaintable (TextNode<#text>)

View file

@ -5,360 +5,360 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
Box <div.row.outer.start> at (11,11) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (60,12) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [60,12 41.234375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [60,12 41.234375x18] baseline: 13.796875
"start"
TextNode <#text>
BlockContainer <div> at (160,12) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [160,12 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [160,12 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (260,12) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [260,12 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [260,12 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,72) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.outer.flex-start> at (11,73) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (60,74) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 10, rect: [60,74 76.8125x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 10, rect: [60,74 76.8125x18] baseline: 13.796875
"flex-start"
TextNode <#text>
BlockContainer <div> at (160,74) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [160,74 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [160,74 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (260,74) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [260,74 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [260,74 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,134) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.outer.end> at (11,135) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (12,136) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 3, rect: [12,136 26.1875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [12,136 26.1875x18] baseline: 13.796875
"end"
TextNode <#text>
BlockContainer <div> at (112,136) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [112,136 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [112,136 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (212,136) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [212,136 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [212,136 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,196) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.outer.flex-end> at (11,197) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (12,198) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 8, rect: [12,198 61.765625x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 8, rect: [12,198 61.765625x18] baseline: 13.796875
"flex-end"
TextNode <#text>
BlockContainer <div> at (112,198) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [112,198 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [112,198 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (212,198) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [212,198 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [212,198 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,258) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.outer.left> at (11,259) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (12,260) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 4, rect: [12,260 26.25x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [12,260 26.25x18] baseline: 13.796875
"left"
TextNode <#text>
BlockContainer <div> at (64,260) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [64,260 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [64,260 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (116,260) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [116,260 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [116,260 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,320) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.outer.right> at (11,321) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (156,322) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [156,322 37.109375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [156,322 37.109375x18] baseline: 13.796875
"right"
TextNode <#text>
BlockContainer <div> at (208,322) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [208,322 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [208,322 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (260,322) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [260,322 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [260,322 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,382) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.start> at (11,383) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (260,384) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [260,384 41.234375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [260,384 41.234375x18] baseline: 13.796875
"start"
TextNode <#text>
BlockContainer <div> at (160,384) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [160,384 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [160,384 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (60,384) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [60,384 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [60,384 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,444) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.flex-start> at (11,445) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (260,446) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 10, rect: [260,446 76.8125x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 10, rect: [260,446 76.8125x18] baseline: 13.796875
"flex-start"
TextNode <#text>
BlockContainer <div> at (160,446) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [160,446 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [160,446 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (60,446) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [60,446 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [60,446 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,506) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.end> at (11,507) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (212,508) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 3, rect: [212,508 26.1875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [212,508 26.1875x18] baseline: 13.796875
"end"
TextNode <#text>
BlockContainer <div> at (112,508) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [112,508 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [112,508 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (12,508) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,508 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,508 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,568) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.flex-end> at (11,569) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (212,570) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 8, rect: [212,570 61.765625x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 8, rect: [212,570 61.765625x18] baseline: 13.796875
"flex-end"
TextNode <#text>
BlockContainer <div> at (112,570) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [112,570 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [112,570 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (12,570) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,570 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,570 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,630) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.left> at (11,631) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (116,632) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 4, rect: [116,632 26.25x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [116,632 26.25x18] baseline: 13.796875
"left"
TextNode <#text>
BlockContainer <div> at (64,632) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [64,632 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [64,632 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (12,632) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,632 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,632 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,692) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.right> at (11,693) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (260,694) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [260,694 37.109375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [260,694 37.109375x18] baseline: 13.796875
"right"
TextNode <#text>
BlockContainer <div> at (208,694) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [208,694 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [208,694 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (156,694) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [156,694 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [156,694 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,754) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.start> at (11,755) content-size 60x300 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (20,756) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [20,756 41.234375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [20,756 41.234375x18] baseline: 13.796875
"start"
TextNode <#text>
BlockContainer <div> at (20,808) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [20,808 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [20,808 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (20,860) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [20,860 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [20,860 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,1056) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.flex-start> at (11,1057) content-size 60x300 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (20,1058) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 10, rect: [20,1058 76.8125x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 10, rect: [20,1058 76.8125x18] baseline: 13.796875
"flex-start"
TextNode <#text>
BlockContainer <div> at (20,1110) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [20,1110 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [20,1110 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (20,1162) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [20,1162 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [20,1162 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,1358) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.end> at (11,1359) content-size 60x300 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (12,1504) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 3, rect: [12,1504 26.1875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [12,1504 26.1875x18] baseline: 13.796875
"end"
TextNode <#text>
BlockContainer <div> at (12,1556) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,1556 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,1556 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (12,1608) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,1608 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,1608 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,1660) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.flex-end> at (11,1661) content-size 60x300 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (12,1806) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 8, rect: [12,1806 61.765625x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 8, rect: [12,1806 61.765625x18] baseline: 13.796875
"flex-end"
TextNode <#text>
BlockContainer <div> at (12,1858) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,1858 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,1858 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (12,1910) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,1910 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,1910 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,1962) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.left> at (11,1963) content-size 60x300 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (12,1964) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 4, rect: [12,1964 26.25x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [12,1964 26.25x18] baseline: 13.796875
"left"
TextNode <#text>
BlockContainer <div> at (12,2016) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,2016 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,2016 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (12,2068) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,2068 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,2068 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,2264) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.right> at (11,2265) content-size 60x300 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (12,2266) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [12,2266 37.109375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [12,2266 37.109375x18] baseline: 13.796875
"right"
TextNode <#text>
BlockContainer <div> at (12,2318) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,2318 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,2318 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (12,2370) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,2370 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,2370 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,2566) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.start> at (11,2567) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (20,2672) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [20,2672 41.234375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [20,2672 41.234375x18] baseline: 13.796875
"start"
TextNode <#text>
BlockContainer <div> at (20,2620) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [20,2620 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [20,2620 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (20,2568) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [20,2568 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [20,2568 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,2868) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.flex-start> at (11,2869) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (20,3118) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 10, rect: [20,3118 76.8125x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 10, rect: [20,3118 76.8125x18] baseline: 13.796875
"flex-start"
TextNode <#text>
BlockContainer <div> at (20,3066) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [20,3066 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [20,3066 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (20,3014) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [20,3014 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [20,3014 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,3170) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.end> at (11,3171) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,3420) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 3, rect: [12,3420 26.1875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [12,3420 26.1875x18] baseline: 13.796875
"end"
TextNode <#text>
BlockContainer <div> at (12,3368) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,3368 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,3368 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (12,3316) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,3316 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,3316 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,3472) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.flex-end> at (11,3473) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,3578) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 8, rect: [12,3578 61.765625x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 8, rect: [12,3578 61.765625x18] baseline: 13.796875
"flex-end"
TextNode <#text>
BlockContainer <div> at (12,3526) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,3526 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,3526 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (12,3474) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,3474 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,3474 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,3774) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.left> at (11,3775) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,3880) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 4, rect: [12,3880 26.25x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [12,3880 26.25x18] baseline: 13.796875
"left"
TextNode <#text>
BlockContainer <div> at (12,3828) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,3828 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,3828 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (12,3776) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,3776 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,3776 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,4076) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.right> at (11,4077) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,4182) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [12,4182 37.109375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [12,4182 37.109375x18] baseline: 13.796875
"right"
TextNode <#text>
BlockContainer <div> at (12,4130) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,4130 9.34375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,4130 9.34375x18] baseline: 13.796875
"a"
TextNode <#text>
BlockContainer <div> at (12,4078) content-size 50x50 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [12,4078 9.46875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 1, rect: [12,4078 9.46875x18] baseline: 13.796875
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,4378) content-size 780x0 children: inline

View file

@ -1,21 +1,21 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x49 [BFC] children: not-inline
BlockContainer <body> at (8,16) content-size 784x17 children: not-inline
Box <ul.globalnav-list> at (48,16) content-size 744x17 flex-container(row) [FFC] children: not-inline
BlockContainer <div#item-1> at (48,16) content-size 46.734375x17 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [48,16 46.734375x17] baseline: 13.296875
BlockContainer <html> at (0,0) content-size 800x50 [BFC] children: not-inline
BlockContainer <body> at (8,16) content-size 784x18 children: not-inline
Box <ul.globalnav-list> at (48,16) content-size 744x18 flex-container(row) [FFC] children: not-inline
BlockContainer <div#item-1> at (48,16) content-size 46.734375x18 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [48,16 46.734375x18] baseline: 13.796875
"Store"
TextNode <#text>
BlockContainer <div#item-2> at (762,16) content-size 30x17 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 3, rect: [762,16 30x17] baseline: 13.296875
BlockContainer <div#item-2> at (762,16) content-size 30x18 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 3, rect: [762,16 30x18] baseline: 13.796875
"Mac"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x49]
PaintableWithLines (BlockContainer<BODY>) [8,16 784x17]
PaintableBox (Box<UL>.globalnav-list) [8,16 784x17]
PaintableWithLines (BlockContainer<DIV>#item-1) [48,16 46.734375x17]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x50]
PaintableWithLines (BlockContainer<BODY>) [8,16 784x18]
PaintableBox (Box<UL>.globalnav-list) [8,16 784x18]
PaintableWithLines (BlockContainer<DIV>#item-1) [48,16 46.734375x18]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>#item-2) [762,16 30x17]
PaintableWithLines (BlockContainer<DIV>#item-2) [762,16 30x18]
TextPaintable (TextNode<#text>)

View file

@ -1,15 +1,15 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x33 [BFC] children: not-inline
Box <body.outer> at (8,8) content-size 200x17 flex-container(column) [FFC] children: not-inline
BlockContainer <div.middle> at (8,8) content-size 200x17 flex-item [BFC] children: not-inline
BlockContainer <div.inner> at (8,8) content-size 200x17 children: inline
frag 0 from TextNode start: 0, length: 20, rect: [8,8 174.234375x17] baseline: 13.296875
BlockContainer <html> at (0,0) content-size 800x34 [BFC] children: not-inline
Box <body.outer> at (8,8) content-size 200x18 flex-container(column) [FFC] children: not-inline
BlockContainer <div.middle> at (8,8) content-size 200x18 flex-item [BFC] children: not-inline
BlockContainer <div.inner> at (8,8) content-size 200x18 children: inline
frag 0 from TextNode start: 0, length: 20, rect: [8,8 174.234375x18] baseline: 13.796875
"percentages are hard"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x33]
PaintableBox (Box<BODY>.outer) [8,8 200x17]
PaintableWithLines (BlockContainer<DIV>.middle) [8,8 200x17]
PaintableWithLines (BlockContainer<DIV>.inner) [8,8 200x17]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x34]
PaintableBox (Box<BODY>.outer) [8,8 200x18]
PaintableWithLines (BlockContainer<DIV>.middle) [8,8 200x18]
PaintableWithLines (BlockContainer<DIV>.inner) [8,8 200x18]
TextPaintable (TextNode<#text>)

View file

@ -1,7 +1,7 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x153 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x137 children: not-inline
Box <div.outer> at (8,8) content-size 784x137 flex-container(column) [FFC] children: not-inline
BlockContainer <html> at (0,0) content-size 800x154 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x138 children: not-inline
Box <div.outer> at (8,8) content-size 784x138 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.item> at (8,8) content-size 784x120 flex-item [BFC] children: not-inline
@ -12,26 +12,26 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div> at (8,128) content-size 784x17 flex-item [BFC] children: inline
frag 0 from TextNode start: 1, length: 14, rect: [8,128 112.421875x17] baseline: 13.296875
BlockContainer <div> at (8,128) content-size 784x18 flex-item [BFC] children: inline
frag 0 from TextNode start: 1, length: 14, rect: [8,128 112.421875x18] baseline: 13.796875
"text text text"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,145) content-size 784x0 children: inline
BlockContainer <(anonymous)> at (8,146) content-size 784x0 children: inline
TextNode <#text>
BlockContainer <div> at (8,145) content-size 784x0 children: inline
BlockContainer <div> at (8,146) content-size 784x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x153]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x137]
PaintableBox (Box<DIV>.outer) [8,8 784x137]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x154]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x138]
PaintableBox (Box<DIV>.outer) [8,8 784x138]
PaintableWithLines (BlockContainer<DIV>.item) [8,8 784x120]
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
PaintableWithLines (BlockContainer<DIV>.spacer) [8,8 120x120]
PaintableWithLines (BlockContainer(anonymous)) [8,128 784x0]
PaintableWithLines (BlockContainer<DIV>) [8,128 784x17]
PaintableWithLines (BlockContainer<DIV>) [8,128 784x18]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,145 784x0]
PaintableWithLines (BlockContainer<DIV>) [8,145 784x0]
PaintableWithLines (BlockContainer(anonymous)) [8,146 784x0]
PaintableWithLines (BlockContainer<DIV>) [8,146 784x0]

View file

@ -1,19 +1,19 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (2,2) content-size 796x41 [BFC] children: not-inline
Box <body> at (12,12) content-size 600x21 flex-container(row) [FFC] children: not-inline
BlockContainer <div.exekiller> at (14,14) content-size 200x17 positioned flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 9, rect: [14,14 65.4375x17] baseline: 13.296875
BlockContainer <html> at (2,2) content-size 796x42 [BFC] children: not-inline
Box <body> at (12,12) content-size 600x22 flex-container(row) [FFC] children: not-inline
BlockContainer <div.exekiller> at (14,14) content-size 200x18 positioned flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 9, rect: [14,14 65.4375x18] baseline: 13.796875
"exekiller"
TextNode <#text>
BlockContainer <div.athena> at (18,18) content-size 200x17 positioned flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 6, rect: [18,18 53.171875x17] baseline: 13.296875
BlockContainer <div.athena> at (18,18) content-size 200x18 positioned flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 6, rect: [18,18 53.171875x18] baseline: 13.796875
"athena"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x45]
PaintableBox (Box<BODY>) [10,10 604x25] overflow: [12,12 600x25]
PaintableWithLines (BlockContainer<DIV>.exekiller) [12,12 204x21]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x46]
PaintableBox (Box<BODY>) [10,10 604x26] overflow: [12,12 600x26]
PaintableWithLines (BlockContainer<DIV>.exekiller) [12,12 204x22]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.athena) [16,16 204x21]
PaintableWithLines (BlockContainer<DIV>.athena) [16,16 204x22]
TextPaintable (TextNode<#text>)

View file

@ -3,60 +3,60 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x600 children: not-inline
Box <div.outer.row> at (8,8) content-size 150x150 flex-container(row) [FFC] children: not-inline
BlockContainer <div.inner> at (12.609375,8) content-size 30.078125x150 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 4, rect: [12.609375,8 30.078125x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [12.609375,8 30.078125x18] baseline: 13.796875
"Well"
TextNode <#text>
BlockContainer <div.inner> at (51.921875,8) content-size 36.84375x150 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [51.921875,8 36.84375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [51.921875,8 36.84375x18] baseline: 13.796875
"hello"
TextNode <#text>
BlockContainer <div.inner> at (98,8) content-size 55.359375x150 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 7, rect: [98,8 55.359375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 7, rect: [98,8 55.359375x18] baseline: 13.796875
"friends"
TextNode <#text>
BlockContainer <(anonymous)> at (8,158) content-size 784x0 children: inline
TextNode <#text>
Box <div.outer.row-reverse> at (8,158) content-size 150x150 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div.inner> at (123.3125,158) content-size 30.078125x150 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 4, rect: [123.3125,158 30.078125x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 4, rect: [123.3125,158 30.078125x18] baseline: 13.796875
"Well"
TextNode <#text>
BlockContainer <div.inner> at (77.234375,158) content-size 36.84375x150 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [77.234375,158 36.84375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [77.234375,158 36.84375x18] baseline: 13.796875
"hello"
TextNode <#text>
BlockContainer <div.inner> at (12.640625,158) content-size 55.359375x150 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 7, rect: [12.640625,158 55.359375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 7, rect: [12.640625,158 55.359375x18] baseline: 13.796875
"friends"
TextNode <#text>
BlockContainer <(anonymous)> at (8,308) content-size 784x0 children: inline
TextNode <#text>
Box <div.outer.column> at (8,308) content-size 150x150 flex-container(column) [FFC] children: not-inline
BlockContainer <div.inner> at (8,324.5) content-size 150x17 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 4, rect: [8,324.5 30.078125x17] baseline: 13.296875
BlockContainer <div.inner> at (8,324) content-size 150x18 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 4, rect: [8,324 30.078125x18] baseline: 13.796875
"Well"
TextNode <#text>
BlockContainer <div.inner> at (8,374.5) content-size 150x17 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [8,374.5 36.84375x17] baseline: 13.296875
BlockContainer <div.inner> at (8,374) content-size 150x18 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [8,374 36.84375x18] baseline: 13.796875
"hello"
TextNode <#text>
BlockContainer <div.inner> at (8,424.5) content-size 150x17 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 7, rect: [8,424.5 55.359375x17] baseline: 13.296875
BlockContainer <div.inner> at (8,424) content-size 150x18 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 7, rect: [8,424 55.359375x18] baseline: 13.796875
"friends"
TextNode <#text>
BlockContainer <(anonymous)> at (8,458) content-size 784x0 children: inline
TextNode <#text>
Box <div.outer.column-reverse> at (8,458) content-size 150x150 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div.inner> at (8,574.5) content-size 150x17 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 4, rect: [8,574.5 30.078125x17] baseline: 13.296875
BlockContainer <div.inner> at (8,574) content-size 150x18 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 4, rect: [8,574 30.078125x18] baseline: 13.796875
"Well"
TextNode <#text>
BlockContainer <div.inner> at (8,524.5) content-size 150x17 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [8,524.5 36.84375x17] baseline: 13.296875
BlockContainer <div.inner> at (8,524) content-size 150x18 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [8,524 36.84375x18] baseline: 13.796875
"hello"
TextNode <#text>
BlockContainer <div.inner> at (8,474.5) content-size 150x17 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 7, rect: [8,474.5 55.359375x17] baseline: 13.296875
BlockContainer <div.inner> at (8,474) content-size 150x18 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 7, rect: [8,474 55.359375x18] baseline: 13.796875
"friends"
TextNode <#text>
@ -80,17 +80,17 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x616]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,308 784x0]
PaintableBox (Box<DIV>.outer.column) [8,308 150x150]
PaintableWithLines (BlockContainer<DIV>.inner) [8,324.5 150x17]
PaintableWithLines (BlockContainer<DIV>.inner) [8,324 150x18]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.inner) [8,374.5 150x17]
PaintableWithLines (BlockContainer<DIV>.inner) [8,374 150x18]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.inner) [8,424.5 150x17]
PaintableWithLines (BlockContainer<DIV>.inner) [8,424 150x18]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,458 784x0]
PaintableBox (Box<DIV>.outer.column-reverse) [8,458 150x150]
PaintableWithLines (BlockContainer<DIV>.inner) [8,574.5 150x17]
PaintableWithLines (BlockContainer<DIV>.inner) [8,574 150x18]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.inner) [8,524.5 150x17]
PaintableWithLines (BlockContainer<DIV>.inner) [8,524 150x18]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.inner) [8,474.5 150x17]
PaintableWithLines (BlockContainer<DIV>.inner) [8,474 150x18]
TextPaintable (TextNode<#text>)

View file

@ -4,16 +4,16 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <div.outer> at (8,8) content-size 200x100 flex-container(column) flex-item [FFC] children: not-inline
BlockContainer <div.upper> at (8,8) content-size 200x200 flex-item [BFC] children: not-inline
BlockContainer <div.spacer> at (8,8) content-size 200x200 children: not-inline
BlockContainer <div.lower> at (8,208) content-size 200x17 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 3, rect: [8,208 26.953125x17] baseline: 13.296875
BlockContainer <div.lower> at (8,208) content-size 200x18 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 3, rect: [8,208 26.953125x18] baseline: 13.796875
"whf"
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x116] overflow: [0,0 800x225]
PaintableBox (Box<BODY>) [8,8 400x100] overflow: [8,8 400x217]
PaintableBox (Box<DIV>.outer) [8,8 200x100] overflow: [8,8 200x217]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x116] overflow: [0,0 800x226]
PaintableBox (Box<BODY>) [8,8 400x100] overflow: [8,8 400x218]
PaintableBox (Box<DIV>.outer) [8,8 200x100] overflow: [8,8 200x218]
PaintableWithLines (BlockContainer<DIV>.upper) [8,8 200x200]
PaintableWithLines (BlockContainer<DIV>.spacer) [8,8 200x200]
PaintableWithLines (BlockContainer<DIV>.lower) [8,208 200x17]
PaintableWithLines (BlockContainer<DIV>.lower) [8,208 200x18]
TextPaintable (TextNode<#text>)