mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2024-09-11 05:25:32 +03:00
LibWeb: Show formatting context roots in layout tree dumps
This patch does three things: - Factors out the code that determines whether a box will create a new formatting context for its children (and which type of context) - Uses that code to mark all formatting context roots in layout tree dumps. This makes it much easier to follow along with layout since you can now see exactly where control is transferred to a new formatting context. - Rebaselines all existing layout tests, since the output format has changed slightly.
This commit is contained in:
parent
42e118e6a9
commit
968db96101
Notes:
sideshowbarker
2024-07-16 23:44:30 +09:00
Author: https://github.com/awesomekling Commit: https://github.com/SerenityOS/serenity/commit/968db96101 Pull-request: https://github.com/SerenityOS/serenity/pull/18619
@ -1,5 +1,5 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x420 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x420 [BFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (0,0) content-size 800x0 children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <body> at (20,20) content-size 480x380 children: not-inline
|
||||
@ -7,24 +7,24 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
TextNode <#text>
|
||||
BlockContainer <dl> at (25,25) content-size 470x0 children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <dt> at (40,40) content-size 49.998596x280 floating children: inline
|
||||
BlockContainer <dt> at (40,40) content-size 49.998596x280 floating [BFC] children: inline
|
||||
line 0 width: 28.310546, height: 10, bottom: 10, baseline: 7.998046
|
||||
frag 0 from TextNode start: 0, length: 6, rect: [40,40 28.310546x10]
|
||||
"toggle"
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
BlockContainer <dd> at (135,45) content-size 340x270 floating children: not-inline
|
||||
BlockContainer <dd> at (135,45) content-size 340x270 floating [BFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (135,45) content-size 340x0 children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <ul> at (135,45) content-size 340x0 children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <li> at (150,60) content-size 50x90 floating children: inline
|
||||
BlockContainer <li> at (150,60) content-size 50x90 floating [BFC] children: inline
|
||||
line 0 width: 37.880859, height: 10, bottom: 10, baseline: 7.998046
|
||||
frag 0 from TextNode start: 0, length: 7, rect: [150,60 37.880859x10]
|
||||
"the way"
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
BlockContainer <li#bar> at (235,55) content-size 139.977996x90 floating children: not-inline
|
||||
BlockContainer <li#bar> at (235,55) content-size 139.977996x90 floating [BFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (235,55) content-size 139.977996x0 children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <p> at (235,55) content-size 139.977996x10 children: inline
|
||||
@ -57,7 +57,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <(anonymous)> at (235,103) content-size 139.977996x0 children: inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
BlockContainer <li> at (409.977996,60) content-size 50x90 floating children: inline
|
||||
BlockContainer <li> at (409.977996,60) content-size 50x90 floating [BFC] children: inline
|
||||
line 0 width: 31.582031, height: 10, bottom: 10, baseline: 7.998046
|
||||
frag 0 from TextNode start: 0, length: 6, rect: [409.977996,60 31.582031x10]
|
||||
"i grow"
|
||||
@ -66,7 +66,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
"old"
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
BlockContainer <li#baz> at (145,185) content-size 100x100 floating children: inline
|
||||
BlockContainer <li#baz> at (145,185) content-size 100x100 floating [BFC] children: inline
|
||||
line 0 width: 29.423828, height: 10, bottom: 10, baseline: 7.998046
|
||||
frag 0 from TextNode start: 0, length: 6, rect: [145,185 29.423828x10]
|
||||
"pluot?"
|
||||
@ -74,7 +74,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (135,45) content-size 340x0 children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <blockquote> at (280,195) content-size 50x90 floating children: not-inline
|
||||
BlockContainer <blockquote> at (280,195) content-size 50x90 floating [BFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (280,195) content-size 50x0 children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <address> at (280,195) content-size 50x20 children: inline
|
||||
@ -88,7 +88,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <(anonymous)> at (280,215) content-size 50x0 children: inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
BlockContainer <h1> at (365,185) content-size 100x100 floating children: inline
|
||||
BlockContainer <h1> at (365,185) content-size 100x100 floating [BFC] children: inline
|
||||
line 0 width: 56.416015, height: 10, bottom: 10, baseline: 7.998046
|
||||
frag 0 from TextNode start: 0, length: 11, rect: [365,185 56.416015x10]
|
||||
"sing to me,"
|
||||
|
@ -1,5 +1,5 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x0 children: not-inline
|
||||
BlockContainer <body.outer> at (8,8) content-size 0x0 positioned children: not-inline
|
||||
BlockContainer <div.inner> at (9,9) content-size 0x0 positioned children: inline
|
||||
BlockContainer <html> at (0,0) content-size 800x0 [BFC] children: not-inline
|
||||
BlockContainer <body.outer> at (8,8) content-size 0x0 positioned [BFC] children: not-inline
|
||||
BlockContainer <div.inner> at (9,9) content-size 0x0 positioned [BFC] children: inline
|
||||
TextNode <#text>
|
||||
|
@ -1,4 +1,4 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x0 children: not-inline
|
||||
BlockContainer <body.outer> at (8,8) content-size 0x0 positioned children: not-inline
|
||||
BlockContainer <div.inner> at (9,9) content-size 0x0 positioned children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x0 [BFC] children: not-inline
|
||||
BlockContainer <body.outer> at (8,8) content-size 0x0 positioned [BFC] children: not-inline
|
||||
BlockContainer <div.inner> at (9,9) content-size 0x0 positioned [BFC] children: not-inline
|
||||
|
@ -1,5 +1,5 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x16 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x16 [BFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (0,0) content-size 800x0 children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <body> at (8,8) content-size 784x0 children: inline
|
||||
|
@ -1,10 +1,10 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x62.506248 children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x62.506248 [BFC] children: not-inline
|
||||
BlockContainer <body> at (2,2) content-size 796x60.506248 children: inline
|
||||
line 0 width: 34, height: 28.50625, bottom: 28.50625, baseline: 28.50625
|
||||
frag 0 from BlockContainer start: 0, length: 0, rect: [4,3 30x30]
|
||||
line 1 width: 32, height: 28.506248, bottom: 60.506248, baseline: 28.50625
|
||||
frag 0 from BlockContainer start: 0, length: 0, rect: [3,35 30x30]
|
||||
BlockContainer <div.clump> at (4,3) content-size 30x30 inline-block children: not-inline
|
||||
BlockContainer <div.clump> at (4,3) content-size 30x30 inline-block [BFC] children: not-inline
|
||||
BreakNode <br>
|
||||
BlockContainer <div.clump> at (3,35) content-size 30x30 inline-block children: not-inline
|
||||
BlockContainer <div.clump> at (3,35) content-size 30x30 inline-block [BFC] children: not-inline
|
||||
|
@ -1,5 +1,5 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x108 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x108 [BFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (0,0) content-size 800x0 children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <body> at (8,8) content-size 784x34.9375 children: not-inline
|
||||
@ -7,9 +7,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
line 0 width: 27.640625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 1, length: 3, rect: [137,8 27.640625x17.46875]
|
||||
"bar"
|
||||
BlockContainer <div.big-float> at (8,8) content-size 100x100 floating children: not-inline
|
||||
BlockContainer <div.big-float> at (8,8) content-size 100x100 floating [BFC] children: not-inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.xxx> at (108,8) content-size 29.109375x17.46875 floating children: inline
|
||||
BlockContainer <div.xxx> at (108,8) content-size 29.109375x17.46875 floating [BFC] children: inline
|
||||
line 0 width: 29.109375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 3, rect: [108,8 29.109375x17.46875]
|
||||
"xxx"
|
||||
@ -20,7 +20,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
frag 0 from TextNode start: 1, length: 3, rect: [130,25.46875 27.203125x17.46875]
|
||||
"baz"
|
||||
TextNode <#text>
|
||||
BlockContainer <div.yyy> at (108,25.46875) content-size 21.515625x17.46875 floating children: inline
|
||||
BlockContainer <div.yyy> at (108,25.46875) content-size 21.515625x17.46875 floating [BFC] children: inline
|
||||
line 0 width: 21.515625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 3, rect: [108,25.46875 21.515625x17.46875]
|
||||
"yyy"
|
||||
|
@ -1,10 +1,10 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x150 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x150 [BFC] children: not-inline
|
||||
BlockContainer <body> at (0,0) content-size 200x0 children: not-inline
|
||||
BlockContainer <ul> at (0,0) content-size 200x0 children: inline
|
||||
BlockContainer <div.red> at (0,0) content-size 150x50 floating children: not-inline
|
||||
BlockContainer <div.green> at (0,50) content-size 150x50 floating children: not-inline
|
||||
BlockContainer <div.red> at (0,0) content-size 150x50 floating [BFC] children: not-inline
|
||||
BlockContainer <div.green> at (0,50) content-size 150x50 floating [BFC] children: not-inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.orange> at (0,100) content-size 150x50 floating children: not-inline
|
||||
BlockContainer <div.orange> at (0,100) content-size 150x50 floating [BFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (0,0) content-size 200x0 children: inline
|
||||
TextNode <#text>
|
||||
|
@ -1,5 +1,5 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x106 children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x106 [BFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (1,1) content-size 798x0 children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <body> at (2,2) content-size 400x2 children: not-inline
|
||||
@ -7,11 +7,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.ul> at (3,3) content-size 398x0 children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.yellow> at (4,4) content-size 60x50 floating children: not-inline
|
||||
BlockContainer <div.yellow> at (4,4) content-size 60x50 floating [BFC] children: not-inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.orange> at (66,4) content-size 250x50 floating children: not-inline
|
||||
BlockContainer <div.orange> at (66,4) content-size 250x50 floating [BFC] children: not-inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (2,4) content-size 400x0 children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.green> at (3,56) content-size 100x50 floating children: not-inline
|
||||
BlockContainer <div.green> at (3,56) content-size 100x50 floating [BFC] children: not-inline
|
||||
TextNode <#text>
|
||||
|
@ -1,15 +1,15 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x157 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x157 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x100 children: not-inline
|
||||
BlockContainer <div> at (8,8) content-size 784x100 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.square.white> at (8,8) content-size 100x100 floating children: not-inline
|
||||
BlockContainer <div.square.white> at (8,8) content-size 100x100 floating [BFC] children: not-inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.clearfix> at (8,108) content-size 784x0 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,108) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.square.black> at (8,108) content-size 49x49 floating children: not-inline
|
||||
BlockContainer <div.square.black> at (8,108) content-size 49x49 floating [BFC] children: not-inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,108) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
|
@ -1,17 +1,17 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x348.34375 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x348.34375 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x332.34375 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (8,8) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div#lefty> at (8,8) content-size 100x100 floating children: inline
|
||||
BlockContainer <div#lefty> at (8,8) content-size 100x100 floating [BFC] children: inline
|
||||
line 0 width: 10.859375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [8,8 10.859375x17.46875]
|
||||
"L"
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
BlockContainer <div#righty> at (742,8) content-size 50x50 floating children: inline
|
||||
BlockContainer <div#righty> at (742,8) content-size 50x50 floating [BFC] children: inline
|
||||
line 0 width: 13.6875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [742,8 13.6875x17.46875]
|
||||
"R"
|
||||
@ -21,13 +21,13 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (8,8) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div#lefty2> at (108,8) content-size 80x80 floating children: inline
|
||||
BlockContainer <div#lefty2> at (108,8) content-size 80x80 floating [BFC] children: inline
|
||||
line 0 width: 19.671875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 2, rect: [108,8 19.671875x17.46875]
|
||||
"L2"
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
BlockContainer <div#righty2> at (712,8) content-size 30x30 floating children: inline
|
||||
BlockContainer <div#righty2> at (712,8) content-size 30x30 floating [BFC] children: inline
|
||||
line 0 width: 22.5, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 2, rect: [712,8 22.5x17.46875]
|
||||
"R2"
|
||||
@ -37,13 +37,13 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (8,8) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div#lefty3> at (188,8) content-size 40x40 floating children: inline
|
||||
BlockContainer <div#lefty3> at (188,8) content-size 40x40 floating [BFC] children: inline
|
||||
line 0 width: 19.953125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 2, rect: [188,8 19.953125x17.46875]
|
||||
"L3"
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
BlockContainer <div#righty3> at (692,8) content-size 20x20 floating children: inline
|
||||
BlockContainer <div#righty3> at (692,8) content-size 20x20 floating [BFC] children: inline
|
||||
line 0 width: 22.78125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 2, rect: [692,8 22.78125x17.46875]
|
||||
"R3"
|
||||
|
@ -1,11 +1,11 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x60 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x60 [BFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (0,0) content-size 800x0 children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div#b> at (9,9) content-size 50x50 floating children: not-inline
|
||||
BlockContainer <div#b> at (9,9) content-size 50x50 floating [BFC] children: not-inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div#a> at (8,8) content-size 784x17.46875 children: inline
|
||||
line 0 width: 37.578125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
|
@ -1,13 +1,13 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x135.46875 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x135.46875 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 780x119.46875 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div#top> at (8,8) content-size 780x100 children: inline
|
||||
BlockContainer <div#top> at (8,8) content-size 780x100 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div#top-left.box> at (8,8) content-size 300x100 floating children: not-inline
|
||||
BlockContainer <div#top-left.box> at (8,8) content-size 300x100 floating [BFC] children: not-inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div#top-right.box> at (488,8) content-size 300x100 floating children: not-inline
|
||||
BlockContainer <div#top-right.box> at (488,8) content-size 300x100 floating [BFC] children: not-inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,108) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
|
@ -1,5 +1,5 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x268 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x268 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x252 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
@ -65,15 +65,15 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
frag 0 from TextNode start: 125, length: 19, rect: [9,269 168.84375x16]
|
||||
"bar baz foo bar baz"
|
||||
TextNode <#text>
|
||||
BlockContainer <div.lefty> at (10,10) content-size 50x50 floating children: not-inline
|
||||
BlockContainer <div.lefty> at (10,10) content-size 50x50 floating [BFC] children: not-inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.one> at (62,26) content-size 200x50 floating children: not-inline
|
||||
BlockContainer <div.one> at (62,26) content-size 200x50 floating [BFC] children: not-inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.two> at (108,78) content-size 200x50 floating children: not-inline
|
||||
BlockContainer <div.two> at (108,78) content-size 200x50 floating [BFC] children: not-inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.righty> at (76,126) content-size 30x30 floating children: not-inline
|
||||
BlockContainer <div.righty> at (76,126) content-size 30x30 floating [BFC] children: not-inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.lefty.shwifty> at (10,174) content-size 50x50 floating children: not-inline
|
||||
BlockContainer <div.lefty.shwifty> at (10,174) content-size 50x50 floating [BFC] children: not-inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.righty> at (278,190) content-size 30x30 floating children: not-inline
|
||||
BlockContainer <div.righty> at (278,190) content-size 30x30 floating [BFC] children: not-inline
|
||||
TextNode <#text>
|
||||
|
@ -1,14 +1,14 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html.js> at (0,0) content-size 800x200 children: not-inline
|
||||
BlockContainer <html.js> at (0,0) content-size 800x200 [BFC] children: not-inline
|
||||
BlockContainer <body> at (0,0) content-size 800x50 children: not-inline
|
||||
BlockContainer <div#page> at (50,50) content-size 750x0 children: not-inline
|
||||
BlockContainer <div#content_box> at (50,50) content-size 400x150 floating children: inline
|
||||
BlockContainer <article.first> at (50,50) content-size 300x100 floating children: inline
|
||||
BlockContainer <div#content_box> at (50,50) content-size 400x150 floating [BFC] children: inline
|
||||
BlockContainer <article.first> at (50,50) content-size 300x100 floating [BFC] children: inline
|
||||
line 0 width: 36.03125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [50,50 36.03125x17.46875]
|
||||
"first"
|
||||
TextNode <#text>
|
||||
BlockContainer <article.second> at (50,150) content-size 200x50 floating children: inline
|
||||
BlockContainer <article.second> at (50,150) content-size 200x50 floating [BFC] children: inline
|
||||
line 0 width: 54.78125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 6, rect: [50,150 54.78125x17.46875]
|
||||
"second"
|
||||
|
@ -1,5 +1,5 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x268 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x268 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x252 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
@ -8,9 +8,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
frag 0 from TextNode start: 1, length: 23, rect: [61,9 204x16]
|
||||
"foo bar baz foo bar baz"
|
||||
TextNode <#text>
|
||||
BlockContainer <div.lefty> at (10,10) content-size 50x50 floating children: not-inline
|
||||
BlockContainer <div.lefty> at (10,10) content-size 50x50 floating [BFC] children: not-inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.one> at (62,26) content-size 200x50 floating children: not-inline
|
||||
BlockContainer <div.one> at (62,26) content-size 200x50 floating [BFC] children: not-inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.two> at (108,78) content-size 200x50 floating children: not-inline
|
||||
BlockContainer <div.two> at (108,78) content-size 200x50 floating [BFC] children: not-inline
|
||||
TextNode <#text>
|
||||
|
@ -1,7 +1,7 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x61 children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x61 [BFC] children: not-inline
|
||||
BlockContainer <body> at (10,10) content-size 780x19.46875 children: not-inline
|
||||
BlockContainer <div.thumbnail> at (11,11) content-size 50x50 floating children: not-inline
|
||||
BlockContainer <div.thumbnail> at (11,11) content-size 50x50 floating [BFC] children: not-inline
|
||||
BlockContainer <div.title> at (91,11) content-size 698x17.46875 children: inline
|
||||
line 0 width: 125.125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 14, rect: [91,11 125.125x17.46875]
|
||||
|
@ -1,5 +1,5 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x36 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x36 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x20 children: inline
|
||||
line 0 width: 352.34375, height: 20, bottom: 20, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 14, rect: [8,8 112.421875x17.46875]
|
||||
@ -8,7 +8,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
frag 2 from TextNode start: 0, length: 16, rect: [231,8 129.546875x17.46875]
|
||||
"more inline text"
|
||||
TextNode <#text>
|
||||
BlockContainer <span.displaced_text> at (150,48) content-size 110.375x20 positioned inline-block children: inline
|
||||
BlockContainer <span.displaced_text> at (150,48) content-size 110.375x20 positioned inline-block [BFC] children: inline
|
||||
line 0 width: 110.375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 14, rect: [150,48 110.375x17.46875]
|
||||
"displaced text"
|
||||
|
@ -1,5 +1,5 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x191 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x191 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x175 children: inline
|
||||
line 0 width: 210.828125, height: 175, bottom: 175, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 6, rect: [8,8 43.125x17.46875]
|
||||
@ -8,5 +8,5 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
frag 2 from TextNode start: 0, length: 9, rect: [151,8 67.703125x17.46875]
|
||||
" friends."
|
||||
TextNode <#text>
|
||||
BlockContainer <div#inline-box> at (51,58) content-size 100x100 inline-block children: not-inline
|
||||
BlockContainer <div#inline-box> at (51,58) content-size 100x100 inline-block [BFC] children: not-inline
|
||||
TextNode <#text>
|
||||
|
@ -1,5 +1,5 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x194.46875 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x194.46875 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x178.46875 children: inline
|
||||
line 0 width: 210.828125, height: 178.46875, bottom: 178.46875, baseline: 175
|
||||
frag 0 from TextNode start: 0, length: 6, rect: [8,169 43.125x17.46875]
|
||||
@ -8,5 +8,5 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
frag 2 from TextNode start: 0, length: 9, rect: [151,169 67.703125x17.46875]
|
||||
" friends."
|
||||
TextNode <#text>
|
||||
BlockContainer <div#inline-box> at (51,58) content-size 100x100 inline-block children: not-inline
|
||||
BlockContainer <div#inline-box> at (51,58) content-size 100x100 inline-block [BFC] children: not-inline
|
||||
TextNode <#text>
|
||||
|
@ -1,5 +1,5 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x52 children: not-inline
|
||||
BlockContainer <body> at (10,10) content-size 104x34 floating children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x52 [BFC] children: not-inline
|
||||
BlockContainer <body> at (10,10) content-size 104x34 floating [BFC] children: not-inline
|
||||
BlockContainer <div.outer> at (11,11) content-size 102x32 children: not-inline
|
||||
BlockContainer <div.inner> at (12,12) content-size 100x30 children: not-inline
|
||||
|
@ -1,9 +1,9 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x76 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x76 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x60 children: not-inline
|
||||
BlockContainer <div.banner> at (8,8) content-size 200x30 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,38) content-size 784x30 children: inline
|
||||
line 0 width: 200, height: 30, bottom: 30, baseline: 30
|
||||
frag 0 from BlockContainer start: 0, length: 0, rect: [8,38 200x30]
|
||||
BlockContainer <div.tab> at (8,38) content-size 200x30 inline-block children: not-inline
|
||||
BlockContainer <div.timeline> at (592,38) content-size 200x30 floating children: not-inline
|
||||
BlockContainer <div.tab> at (8,38) content-size 200x30 inline-block [BFC] children: not-inline
|
||||
BlockContainer <div.timeline> at (592,38) content-size 200x30 floating [BFC] children: not-inline
|
||||
|
@ -1,5 +1,5 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x262 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x262 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,25) content-size 784x229 children: not-inline
|
||||
BlockContainer <div#foo> at (34,26) content-size 100x100 children: inline
|
||||
line 0 width: 27.15625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
|
@ -1,5 +1,5 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x352 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x352 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x336 children: not-inline
|
||||
BlockContainer <div#foo> at (9,9) content-size 100x100 children: inline
|
||||
line 0 width: 27.15625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
|
@ -1,5 +1,5 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x366 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x366 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x350 children: not-inline
|
||||
BlockContainer <div#foo> at (8,8) content-size 100x100 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,133) content-size 784x0 children: inline
|
||||
|
@ -1,5 +1,5 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x166 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x166 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x150 children: not-inline
|
||||
BlockContainer <div#foo> at (8,8) content-size 100x50 children: not-inline
|
||||
BlockContainer <div#baz> at (8,8) content-size 50x50 children: not-inline
|
||||
|
@ -1,8 +1,8 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x134.46875 children: inline
|
||||
BlockContainer <html> at (1,1) content-size 798x134.46875 [BFC] children: inline
|
||||
line 0 width: 170.96875, height: 134.46875, bottom: 134.46875, baseline: 13.53125
|
||||
frag 0 from BlockContainer start: 0, length: 0, rect: [2,15 168.96875x119.46875]
|
||||
BlockContainer <body> at (2,15) content-size 168.96875x119.46875 inline-block children: not-inline
|
||||
BlockContainer <body> at (2,15) content-size 168.96875x119.46875 inline-block [BFC] children: not-inline
|
||||
BlockContainer <div.hmm> at (3,16) content-size 166.96875x17.46875 children: inline
|
||||
line 0 width: 166.96875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 21, rect: [3,16 166.96875x17.46875]
|
||||
|
@ -1,7 +1,7 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x39.46875 children: not-inline
|
||||
Box <body.outer> at (10,10) content-size 764x21.46875 flex-container(row) children: not-inline
|
||||
BlockContainer <div.middle> at (11,11) content-size 202x19.46875 flex-item children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x39.46875 [BFC] children: not-inline
|
||||
Box <body.outer> at (10,10) content-size 764x21.46875 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <div.middle> at (11,11) content-size 202x19.46875 flex-item [BFC] children: not-inline
|
||||
BlockContainer <div.inner> at (12,12) content-size 200x17.46875 children: inline
|
||||
line 0 width: 45.15625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 4, rect: [12,12 45.15625x17.46875]
|
||||
|
@ -1,5 +1,5 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x37.46875 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x37.46875 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x21.46875 children: not-inline
|
||||
BlockContainer <div#begin> at (8,8) content-size 784x2 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,10) content-size 784x17.46875 children: inline
|
||||
|
@ -1,10 +1,10 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x66 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x66 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x50 children: inline
|
||||
line 0 width: 89.726562, height: 50, bottom: 50, baseline: 16.914062
|
||||
frag 0 from Box start: 0, length: 0, rect: [28,38 49.726562x0]
|
||||
Box <div.button> at (28,38) content-size 49.726562x0 flex-container(row) children: not-inline
|
||||
BlockContainer <(anonymous)> at (28,27.082031) content-size 49.726562x21.835937 flex-item children: inline
|
||||
Box <div.button> at (28,38) content-size 49.726562x0 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (28,27.082031) content-size 49.726562x21.835937 flex-item [BFC] children: inline
|
||||
line 0 width: 49.726562, height: 21.835937, bottom: 21.835937, baseline: 16.914062
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [28,27.082031 49.726562x21.835937]
|
||||
"Hello"
|
||||
|
@ -1,5 +1,5 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x70.589843 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x70.589843 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x54.589843 children: inline
|
||||
line 0 width: 137.646484, height: 54.589843, bottom: 54.589843, baseline: 42.285156
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [8,8 137.646484x54.589843]
|
||||
|
@ -1,5 +1,5 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x125.179687 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x125.179687 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x109.179687 children: inline
|
||||
line 0 width: 275.292968, height: 109.179687, bottom: 109.179687, baseline: 84.570312
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [8,8 275.292968x109.179687]
|
||||
|
@ -1,5 +1,5 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x52 children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x52 [BFC] children: not-inline
|
||||
BlockContainer <body> at (10,10) content-size 780x34 children: not-inline
|
||||
BlockContainer <div> at (11,11) content-size 778x32 children: inline
|
||||
line 0 width: 552.109375, height: 32, bottom: 32, baseline: 27.992187
|
||||
|
@ -1,18 +1,18 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x33.46875 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x33.46875 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
|
||||
Box <div.foo> at (8,8) content-size 784x17.46875 flex-container(row) children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 28.40625x17.46875 flex-item children: inline
|
||||
Box <div.foo> at (8,8) content-size 784x17.46875 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 28.40625x17.46875 flex-item [BFC] children: inline
|
||||
line 0 width: 28.40625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 4, rect: [8,8 28.40625x17.46875]
|
||||
"well"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (46,8) content-size 36.84375x17.46875 flex-item children: inline
|
||||
BlockContainer <(anonymous)> at (46,8) content-size 36.84375x17.46875 flex-item [BFC] children: inline
|
||||
line 0 width: 36.84375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [46,8 36.84375x17.46875]
|
||||
"hello"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (92.4375,8) content-size 55.359375x17.46875 flex-item children: inline
|
||||
BlockContainer <(anonymous)> at (92.4375,8) content-size 55.359375x17.46875 flex-item [BFC] children: inline
|
||||
line 0 width: 55.359375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 7, rect: [92.4375,8 55.359375x17.46875]
|
||||
"friends"
|
||||
|
@ -1,5 +1,5 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x120 children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x120 [BFC] children: not-inline
|
||||
BlockContainer <body> at (10,10) content-size 780x102 children: not-inline
|
||||
BlockContainer <div.outer> at (11,11) content-size 100x100 children: not-inline
|
||||
BlockContainer <(anonymous)> at (12,12) content-size 50x50 children: inline
|
||||
|
@ -1,11 +1,11 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x120 children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x120 [BFC] children: not-inline
|
||||
BlockContainer <body> at (10,10) content-size 780x102 children: not-inline
|
||||
TableWrapper <(anonymous)> at (10,10) content-size 102x102 children: not-inline
|
||||
TableBox <table> at (11,11) content-size 102x100 children: not-inline
|
||||
TableWrapper <(anonymous)> at (10,10) content-size 102x102 [BFC] children: not-inline
|
||||
TableBox <table> at (11,11) content-size 102x100 [TFC] children: not-inline
|
||||
TableRowGroupBox <tbody> at (11,11) content-size 102x100 children: not-inline
|
||||
TableRowBox <tr> at (11,11) content-size 102x100 children: not-inline
|
||||
TableCellBox <td> at (13,49.082031) content-size 98x23.835937 children: not-inline
|
||||
TableCellBox <td> at (13,49.082031) content-size 98x23.835937 [BFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (14,50.082031) content-size 96x21.835937 children: inline
|
||||
line 0 width: 0, height: 21.835937, bottom: 21.835937, baseline: 16.914062
|
||||
frag 0 from TextNode start: 0, length: 0, rect: [14,50.082031 0x21.835937]
|
||||
|
@ -1,7 +1,7 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x20 children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x20 [BFC] children: not-inline
|
||||
BlockContainer <body> at (10,10) content-size 780x2 children: not-inline
|
||||
Box <div.pink> at (11,11) content-size 778x0 flex-container(row) children: not-inline
|
||||
BlockContainer <(anonymous)> at (11,11) content-size 0x0 children: inline
|
||||
Box <div.pink> at (11,11) content-size 778x0 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (11,11) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.orange> at (11,-39) content-size 100x100 positioned children: not-inline
|
||||
BlockContainer <div.orange> at (11,-39) content-size 100x100 positioned [BFC] children: not-inline
|
||||
|
@ -1,29 +1,29 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x120 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x120 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x104 children: not-inline
|
||||
Box <div.container> at (9,9) content-size 500x102 flex-container(row) children: not-inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
Box <div.container> at (9,9) content-size 500x102 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (10,10) content-size 164.666671x100 flex-item children: inline
|
||||
BlockContainer <div.box> at (10,10) content-size 164.666671x100 flex-item [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [10,10 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (176.666671,10) content-size 164.666671x100 flex-item children: inline
|
||||
BlockContainer <div.box> at (176.666671,10) content-size 164.666671x100 flex-item [BFC] children: inline
|
||||
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [176.666671,10 8.8125x17.46875]
|
||||
"2"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (343.333343,10) content-size 164.666671x100 flex-item children: inline
|
||||
BlockContainer <div.box> at (343.333343,10) content-size 164.666671x100 flex-item [BFC] children: inline
|
||||
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [343.333343,10 9.09375x17.46875]
|
||||
"3"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,112) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
|
@ -1,29 +1,29 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x268 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x268 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x252 children: not-inline
|
||||
Box <div.container.column> at (9,9) content-size 250x250 flex-container(column) children: not-inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
Box <div.container.column> at (9,9) content-size 250x250 flex-container(column) [FFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (10,10) content-size 100x100 flex-item children: inline
|
||||
BlockContainer <div.box> at (10,10) content-size 100x100 flex-item [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [10,10 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (10,112) content-size 100x100 flex-item children: inline
|
||||
BlockContainer <div.box> at (10,112) content-size 100x100 flex-item [BFC] children: inline
|
||||
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [10,112 8.8125x17.46875]
|
||||
"2"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (135,10) content-size 100x100 flex-item children: inline
|
||||
BlockContainer <div.box> at (135,10) content-size 100x100 flex-item [BFC] children: inline
|
||||
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [135,10 9.09375x17.46875]
|
||||
"3"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,260) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
|
@ -1,29 +1,29 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x268 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x268 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x252 children: not-inline
|
||||
Box <div.container.column> at (9,9) content-size 782x250 flex-container(column) children: not-inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
Box <div.container.column> at (9,9) content-size 782x250 flex-container(column) [FFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (10,10) content-size 100x81.333328 flex-item children: inline
|
||||
BlockContainer <div.box> at (10,10) content-size 100x81.333328 flex-item [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [10,10 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (10,93.333328) content-size 100x81.333328 flex-item children: inline
|
||||
BlockContainer <div.box> at (10,93.333328) content-size 100x81.333328 flex-item [BFC] children: inline
|
||||
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [10,93.333328 8.8125x17.46875]
|
||||
"2"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (10,176.666656) content-size 100x81.333328 flex-item children: inline
|
||||
BlockContainer <div.box> at (10,176.666656) content-size 100x81.333328 flex-item [BFC] children: inline
|
||||
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [10,176.666656 9.09375x17.46875]
|
||||
"3"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,260) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
|
@ -1,29 +1,29 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x268 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x268 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x252 children: not-inline
|
||||
Box <div.container.column> at (9,9) content-size 250x250 flex-container(column) children: not-inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
Box <div.container.column> at (9,9) content-size 250x250 flex-container(column) [FFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (10,10) content-size 100x81.333328 flex-item children: inline
|
||||
BlockContainer <div.box> at (10,10) content-size 100x81.333328 flex-item [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [10,10 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (10,93.333328) content-size 100x81.333328 flex-item children: inline
|
||||
BlockContainer <div.box> at (10,93.333328) content-size 100x81.333328 flex-item [BFC] children: inline
|
||||
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [10,93.333328 8.8125x17.46875]
|
||||
"2"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (10,176.666656) content-size 100x81.333328 flex-item children: inline
|
||||
BlockContainer <div.box> at (10,176.666656) content-size 100x81.333328 flex-item [BFC] children: inline
|
||||
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [10,176.666656 9.09375x17.46875]
|
||||
"3"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,260) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
|
@ -1,29 +1,29 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x268 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x268 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x252 children: not-inline
|
||||
Box <div.container> at (9,9) content-size 782x250 flex-container(column) children: not-inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
Box <div.container> at (9,9) content-size 782x250 flex-container(column) [FFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (10,10) content-size 100x81.333328 flex-item children: inline
|
||||
BlockContainer <div.box> at (10,10) content-size 100x81.333328 flex-item [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [10,10 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (10,93.333328) content-size 100x81.333328 flex-item children: inline
|
||||
BlockContainer <div.box> at (10,93.333328) content-size 100x81.333328 flex-item [BFC] children: inline
|
||||
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [10,93.333328 8.8125x17.46875]
|
||||
"2"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (10,176.666656) content-size 100x81.333328 flex-item children: inline
|
||||
BlockContainer <div.box> at (10,176.666656) content-size 100x81.333328 flex-item [BFC] children: inline
|
||||
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [10,176.666656 9.09375x17.46875]
|
||||
"3"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,260) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
|
@ -1,29 +1,29 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x324 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x324 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x308 children: not-inline
|
||||
Box <div.my-container.column> at (9,9) content-size 782x306 flex-container(column) children: not-inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
Box <div.my-container.column> at (9,9) content-size 782x306 flex-container(column) [FFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (10,10) content-size 100x100 flex-item children: inline
|
||||
BlockContainer <div.box> at (10,10) content-size 100x100 flex-item [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [10,10 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (10,112) content-size 100x100 flex-item children: inline
|
||||
BlockContainer <div.box> at (10,112) content-size 100x100 flex-item [BFC] children: inline
|
||||
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [10,112 8.8125x17.46875]
|
||||
"2"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (10,214) content-size 100x100 flex-item children: inline
|
||||
BlockContainer <div.box> at (10,214) content-size 100x100 flex-item [BFC] children: inline
|
||||
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [10,214 9.09375x17.46875]
|
||||
"3"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,316) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
|
@ -1,7 +1,7 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x92.21875 children: not-inline
|
||||
Box <body> at (2,2) content-size 796x90.21875 flex-container(column) children: not-inline
|
||||
BlockContainer <main> at (3,3) content-size 400x88.21875 flex-item children: inline
|
||||
BlockContainer <html> at (1,1) content-size 798x92.21875 [BFC] children: not-inline
|
||||
Box <body> at (2,2) content-size 796x90.21875 flex-container(column) [FFC] children: not-inline
|
||||
BlockContainer <main> at (3,3) content-size 400x88.21875 flex-item [BFC] children: inline
|
||||
line 0 width: 346.984375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 41, rect: [3,3 346.984375x17.46875]
|
||||
"For my day job I'm currently working as a"
|
||||
|
@ -1,7 +1,7 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x331.570312 children: not-inline
|
||||
Box <body.hero> at (2,2) content-size 600x329.570312 flex-container(column) children: not-inline
|
||||
BlockContainer <div.header> at (102,3) content-size 400x327.570312 flex-item children: inline
|
||||
BlockContainer <html> at (1,1) content-size 798x331.570312 [BFC] children: not-inline
|
||||
Box <body.hero> at (2,2) content-size 600x329.570312 flex-container(column) [FFC] children: not-inline
|
||||
BlockContainer <div.header> at (102,3) content-size 400x327.570312 flex-item [BFC] children: inline
|
||||
line 0 width: 340.488281, height: 65.507812, bottom: 65.507812, baseline: 50.742187
|
||||
frag 0 from TextNode start: 0, length: 11, rect: [102,3 340.488281x65.507812]
|
||||
"This entire"
|
||||
|
@ -1,7 +1,7 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x457.09375 children: not-inline
|
||||
Box <body.hero> at (10,10) content-size 500x439.09375 flex-container(column) children: not-inline
|
||||
BlockContainer <div.upper> at (10,11) content-size 500x437.09375 flex-item children: inline
|
||||
BlockContainer <html> at (1,1) content-size 798x457.09375 [BFC] children: not-inline
|
||||
Box <body.hero> at (10,10) content-size 500x439.09375 flex-container(column) [FFC] children: not-inline
|
||||
BlockContainer <div.upper> at (10,11) content-size 500x437.09375 flex-item [BFC] children: inline
|
||||
line 0 width: 453.984375, height: 87.34375, bottom: 87.34375, baseline: 67.65625
|
||||
frag 0 from TextNode start: 0, length: 11, rect: [10,11 453.984375x87.34375]
|
||||
"This entire"
|
||||
@ -18,5 +18,5 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
frag 0 from TextNode start: 37, length: 11, rect: [10,360 468.75x87.34375]
|
||||
"background."
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (10,10) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (10,10) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
|
@ -1,29 +1,29 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x120 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x120 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x104 children: not-inline
|
||||
Box <div.container> at (9,9) content-size 250x102 flex-container(row) children: not-inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
Box <div.container> at (9,9) content-size 250x102 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (10,10) content-size 81.333328x100 flex-item children: inline
|
||||
BlockContainer <div.box> at (10,10) content-size 81.333328x100 flex-item [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [10,10 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (93.333328,10) content-size 81.333328x100 flex-item children: inline
|
||||
BlockContainer <div.box> at (93.333328,10) content-size 81.333328x100 flex-item [BFC] children: inline
|
||||
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [93.333328,10 8.8125x17.46875]
|
||||
"2"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (176.666656,10) content-size 81.333328x100 flex-item children: inline
|
||||
BlockContainer <div.box> at (176.666656,10) content-size 81.333328x100 flex-item [BFC] children: inline
|
||||
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [176.666656,10 9.09375x17.46875]
|
||||
"3"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,112) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
|
@ -1,29 +1,29 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x222 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x222 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x206 children: not-inline
|
||||
Box <div.container> at (9,9) content-size 250x204 flex-container(row) children: not-inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
Box <div.container> at (9,9) content-size 250x204 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (10,10) content-size 100x100 flex-item children: inline
|
||||
BlockContainer <div.box> at (10,10) content-size 100x100 flex-item [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [10,10 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (112,10) content-size 100x100 flex-item children: inline
|
||||
BlockContainer <div.box> at (112,10) content-size 100x100 flex-item [BFC] children: inline
|
||||
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [112,10 8.8125x17.46875]
|
||||
"2"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (10,112) content-size 100x100 flex-item children: inline
|
||||
BlockContainer <div.box> at (10,112) content-size 100x100 flex-item [BFC] children: inline
|
||||
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [10,112 9.09375x17.46875]
|
||||
"3"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,214) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
|
@ -1,29 +1,29 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x120 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x120 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x104 children: not-inline
|
||||
Box <div.container.width-constrained> at (9,9) content-size 250x102 flex-container(row) children: not-inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
Box <div.container.width-constrained> at (9,9) content-size 250x102 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (10,10) content-size 81.333328x100 flex-item children: inline
|
||||
BlockContainer <div.box> at (10,10) content-size 81.333328x100 flex-item [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [10,10 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (93.333328,10) content-size 81.333328x100 flex-item children: inline
|
||||
BlockContainer <div.box> at (93.333328,10) content-size 81.333328x100 flex-item [BFC] children: inline
|
||||
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [93.333328,10 8.8125x17.46875]
|
||||
"2"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (176.666656,10) content-size 81.333328x100 flex-item children: inline
|
||||
BlockContainer <div.box> at (176.666656,10) content-size 81.333328x100 flex-item [BFC] children: inline
|
||||
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [176.666656,10 9.09375x17.46875]
|
||||
"3"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,112) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
|
@ -1,28 +1,28 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x70 children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x70 [BFC] children: not-inline
|
||||
BlockContainer <body> at (10,10) content-size 780x52 children: not-inline
|
||||
Box <div.flexbox> at (11,11) content-size 778x50 flex-container(row) children: not-inline
|
||||
BlockContainer <div> at (12,12) content-size 136.3125x48 flex-item children: inline
|
||||
Box <div.flexbox> at (11,11) content-size 778x50 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <div> at (12,12) content-size 136.3125x48 flex-item [BFC] children: inline
|
||||
line 0 width: 136.3125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 15, rect: [12,12 136.3125x17.46875]
|
||||
"LongPieceOfText"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (150.3125,12) content-size 136.3125x48 flex-item children: inline
|
||||
BlockContainer <div> at (150.3125,12) content-size 136.3125x48 flex-item [BFC] children: inline
|
||||
line 0 width: 136.3125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 15, rect: [150.3125,12 136.3125x17.46875]
|
||||
"LongPieceOfText"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (288.625,12) content-size 136.3125x48 flex-item children: inline
|
||||
BlockContainer <div> at (288.625,12) content-size 136.3125x48 flex-item [BFC] children: inline
|
||||
line 0 width: 136.3125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 15, rect: [288.625,12 136.3125x17.46875]
|
||||
"LongPieceOfText"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (426.9375,12) content-size 136.3125x48 flex-item children: inline
|
||||
BlockContainer <div> at (426.9375,12) content-size 136.3125x48 flex-item [BFC] children: inline
|
||||
line 0 width: 136.3125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 15, rect: [426.9375,12 136.3125x17.46875]
|
||||
"LongPieceOfText"
|
||||
TextNode <#text>
|
||||
BlockContainer <div.last.item> at (565.25,12) content-size 222.75x48 flex-item children: inline
|
||||
BlockContainer <div.last.item> at (565.25,12) content-size 222.75x48 flex-item [BFC] children: inline
|
||||
line 0 width: 136.3125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 15, rect: [565.25,12 136.3125x17.46875]
|
||||
"LongPieceOfText"
|
||||
|
@ -1,29 +1,29 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x76.40625 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x76.40625 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x60.40625 children: not-inline
|
||||
Box <div.container> at (9,9) content-size 500x58.40625 flex-container(column) children: not-inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
Box <div.container> at (9,9) content-size 500x58.40625 flex-container(column) [FFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (10,10) content-size 100x17.46875 flex-item children: inline
|
||||
BlockContainer <div.box> at (10,10) content-size 100x17.46875 flex-item [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [10,10 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (10,29.46875) content-size 100x17.46875 flex-item children: inline
|
||||
BlockContainer <div.box> at (10,29.46875) content-size 100x17.46875 flex-item [BFC] children: inline
|
||||
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [10,29.46875 8.8125x17.46875]
|
||||
"2"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (10,48.9375) content-size 100x17.46875 flex-item children: inline
|
||||
BlockContainer <div.box> at (10,48.9375) content-size 100x17.46875 flex-item [BFC] children: inline
|
||||
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [10,48.9375 9.09375x17.46875]
|
||||
"3"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,68.40625) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
|
@ -1,29 +1,29 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x120 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x120 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x104 children: not-inline
|
||||
Box <div.container> at (9,9) content-size 500x102 flex-container(row) children: not-inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
Box <div.container> at (9,9) content-size 500x102 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (10,10) content-size 229.333343x100 flex-item children: inline
|
||||
BlockContainer <div.box> at (10,10) content-size 229.333343x100 flex-item [BFC] children: inline
|
||||
line 0 width: 144.546875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 17, rect: [10,10 144.546875x17.46875]
|
||||
"1 I grow the most"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (241.333343,10) content-size 164.666671x100 flex-item children: inline
|
||||
BlockContainer <div.box> at (241.333343,10) content-size 164.666671x100 flex-item [BFC] children: inline
|
||||
line 0 width: 67.375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 8, rect: [241.333343,10 67.375x17.46875]
|
||||
"2 I grow"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (408,10) content-size 100x100 flex-item children: inline
|
||||
BlockContainer <div.box> at (408,10) content-size 100x100 flex-item [BFC] children: inline
|
||||
line 0 width: 68, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 9, rect: [408,10 68x17.46875]
|
||||
"3 I don't"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,112) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
|
@ -1,29 +1,29 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x120 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x120 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x104 children: not-inline
|
||||
Box <div.container> at (9,9) content-size 500x102 flex-container(row) children: not-inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
Box <div.container> at (9,9) content-size 500x102 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (10,10) content-size 82.333335x100 flex-item children: inline
|
||||
BlockContainer <div.box> at (10,10) content-size 82.333335x100 flex-item [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [10,10 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (94.333335,10) content-size 164.666671x100 flex-item children: inline
|
||||
BlockContainer <div.box> at (94.333335,10) content-size 164.666671x100 flex-item [BFC] children: inline
|
||||
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [94.333335,10 8.8125x17.46875]
|
||||
"2"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (261,10) content-size 247x100 flex-item children: inline
|
||||
BlockContainer <div.box> at (261,10) content-size 247x100 flex-item [BFC] children: inline
|
||||
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [261,10 9.09375x17.46875]
|
||||
"3"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,112) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
|
@ -1,11 +1,11 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x116 children: not-inline
|
||||
Box <body.outer> at (8,8) content-size 400x100 flex-container(column) children: not-inline
|
||||
Box <div.inner> at (8,8) content-size 400x17.46875 flex-container(row) flex-item children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 348.609375x17.46875 flex-item children: inline
|
||||
BlockContainer <html> at (0,0) content-size 800x116 [BFC] children: not-inline
|
||||
Box <body.outer> at (8,8) content-size 400x100 flex-container(column) [FFC] children: not-inline
|
||||
Box <div.inner> at (8,8) content-size 400x17.46875 flex-container(row) flex-item [FFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 348.609375x17.46875 flex-item [BFC] children: inline
|
||||
line 0 width: 348.609375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 40, rect: [8,8 348.609375x17.46875]
|
||||
"The orange box should have a snug height"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
|
@ -1,4 +1,4 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x200 children: not-inline
|
||||
Box <body> at (0,0) content-size 800x200 flex-container(row) children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x200 [BFC] children: not-inline
|
||||
Box <body> at (0,0) content-size 800x200 flex-container(row) [FFC] children: not-inline
|
||||
ImageBox <img> at (0,0) content-size 400x200 flex-item children: not-inline
|
||||
|
@ -1,15 +1,15 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x30 children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x30 [BFC] children: not-inline
|
||||
BlockContainer <body> at (10,10) content-size 780x12 children: not-inline
|
||||
BlockContainer <(anonymous)> at (10,10) content-size 780x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.flex-container> at (11,11) content-size 600x10 flex-container(row) children: not-inline
|
||||
BlockContainer <(anonymous)> at (11,11) content-size 0x0 children: inline
|
||||
Box <div.flex-container> at (11,11) content-size 600x10 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (11,11) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.flex-item> at (12,72) content-size 27.15625x18.000007 flex-item children: inline
|
||||
BlockContainer <div.flex-item> at (12,72) content-size 27.15625x18.000007 flex-item [BFC] children: inline
|
||||
line 0 width: 27.15625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 3, rect: [12,72 27.15625x17.46875]
|
||||
"foo"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (11,11) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (11,11) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
|
@ -1,9 +1,9 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x39.46875 children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x39.46875 [BFC] children: not-inline
|
||||
BlockContainer <body> at (10,10) content-size 780x21.46875 children: not-inline
|
||||
Box <div.flexrow> at (11,11) content-size 778x19.46875 flex-container(row) children: not-inline
|
||||
Box <div.project> at (12,12) content-size 44.03125x17.46875 flex-container(column) flex-item children: not-inline
|
||||
BlockContainer <(anonymous)> at (12,12) content-size 44.03125x17.46875 flex-item children: inline
|
||||
Box <div.flexrow> at (11,11) content-size 778x19.46875 flex-container(row) [FFC] children: not-inline
|
||||
Box <div.project> at (12,12) content-size 44.03125x17.46875 flex-container(column) flex-item [FFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (12,12) content-size 44.03125x17.46875 flex-item [BFC] children: inline
|
||||
line 0 width: 44.03125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 6, rect: [12,12 44.03125x17.46875]
|
||||
"pillow"
|
||||
|
@ -1,4 +1,4 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x200 children: not-inline
|
||||
Box <body> at (0,0) content-size 400x200 flex-container(column) children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x200 [BFC] children: not-inline
|
||||
Box <body> at (0,0) content-size 400x200 flex-container(column) [FFC] children: not-inline
|
||||
ImageBox <img> at (0,0) content-size 400x200 flex-item children: not-inline
|
||||
|
@ -1,18 +1,18 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x70 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x70 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x54 children: not-inline
|
||||
Box <div.container> at (9,9) content-size 600x52 flex-container(row) children: not-inline
|
||||
BlockContainer <div.box> at (20,10) content-size 150x50 flex-item children: inline
|
||||
Box <div.container> at (9,9) content-size 600x52 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <div.box> at (20,10) content-size 150x50 flex-item [BFC] children: inline
|
||||
line 0 width: 86.359375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 11, rect: [20,10 86.359375x17.46875]
|
||||
"left margin"
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (172,10) content-size 150x50 flex-item children: inline
|
||||
BlockContainer <div.box> at (172,10) content-size 150x50 flex-item [BFC] children: inline
|
||||
line 0 width: 141.28125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 18, rect: [172,10 141.28125x17.46875]
|
||||
"follow immediately"
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (458,10) content-size 150x50 flex-item children: inline
|
||||
BlockContainer <div.box> at (458,10) content-size 150x50 flex-item [BFC] children: inline
|
||||
line 0 width: 138.296875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 17, rect: [458,10 138.296875x17.46875]
|
||||
"over at the right"
|
||||
|
@ -1,29 +1,29 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x120 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x120 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x104 children: not-inline
|
||||
Box <div.container> at (9,9) content-size 782x102 flex-container(row) children: not-inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
Box <div.container> at (9,9) content-size 782x102 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (10,10) content-size 100x100 flex-item children: inline
|
||||
BlockContainer <div.box> at (10,10) content-size 100x100 flex-item [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [10,10 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (112,10) content-size 100x100 flex-item children: inline
|
||||
BlockContainer <div.box> at (112,10) content-size 100x100 flex-item [BFC] children: inline
|
||||
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [112,10 8.8125x17.46875]
|
||||
"2"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (214,10) content-size 100x100 flex-item children: inline
|
||||
BlockContainer <div.box> at (214,10) content-size 100x100 flex-item [BFC] children: inline
|
||||
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [214,10 9.09375x17.46875]
|
||||
"3"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,112) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
|
@ -1,10 +1,10 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x120 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x120 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x104 children: not-inline
|
||||
Box <div.container> at (9,9) content-size 250x102 flex-container(row) children: not-inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
Box <div.container> at (9,9) content-size 250x102 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (10,10) content-size 62.666664x100 flex-item children: inline
|
||||
BlockContainer <div.box> at (10,10) content-size 62.666664x100 flex-item [BFC] children: inline
|
||||
line 0 width: 18.9375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 3, rect: [10,10 18.9375x17.46875]
|
||||
"1 I"
|
||||
@ -18,21 +18,21 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
frag 0 from TextNode start: 15, length: 4, rect: [10,62 38.765625x17.46875]
|
||||
"most"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (74.666664,10) content-size 81.333328x100 flex-item children: inline
|
||||
BlockContainer <div.box> at (74.666664,10) content-size 81.333328x100 flex-item [BFC] children: inline
|
||||
line 0 width: 78.765625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 10, rect: [74.666664,10 78.765625x17.46875]
|
||||
"2 I shrink"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (158,10) content-size 100x100 flex-item children: inline
|
||||
BlockContainer <div.box> at (158,10) content-size 100x100 flex-item [BFC] children: inline
|
||||
line 0 width: 68, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 9, rect: [158,10 68x17.46875]
|
||||
"3 I don't"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,112) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
|
@ -1,29 +1,29 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x120 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x120 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x104 children: not-inline
|
||||
Box <div.container> at (9,9) content-size 500x102 flex-container(row) children: not-inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
Box <div.container> at (9,9) content-size 500x102 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (10,10) content-size 47.000030x100 flex-item children: inline
|
||||
BlockContainer <div.box> at (10,10) content-size 47.000030x100 flex-item [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [10,10 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (59.000030,10) content-size 164.666671x100 flex-item children: inline
|
||||
BlockContainer <div.box> at (59.000030,10) content-size 164.666671x100 flex-item [BFC] children: inline
|
||||
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [59.000030,10 8.8125x17.46875]
|
||||
"2"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (225.666702,10) content-size 282.333312x100 flex-item children: inline
|
||||
BlockContainer <div.box> at (225.666702,10) content-size 282.333312x100 flex-item [BFC] children: inline
|
||||
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [225.666702,10 9.09375x17.46875]
|
||||
"3"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,112) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
|
@ -1,29 +1,29 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x120 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x120 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x104 children: not-inline
|
||||
Box <div.container> at (9,9) content-size 500x102 flex-container(row) children: not-inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
Box <div.container> at (9,9) content-size 500x102 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (10,10) content-size 100x100 flex-item children: inline
|
||||
BlockContainer <div.box> at (10,10) content-size 100x100 flex-item [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [10,10 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (112,10) content-size 100x100 flex-item children: inline
|
||||
BlockContainer <div.box> at (112,10) content-size 100x100 flex-item [BFC] children: inline
|
||||
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [112,10 8.8125x17.46875]
|
||||
"2"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.box> at (214,10) content-size 100x100 flex-item children: inline
|
||||
BlockContainer <div.box> at (214,10) content-size 100x100 flex-item [BFC] children: inline
|
||||
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [214,10 9.09375x17.46875]
|
||||
"3"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,112) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
|
@ -1,8 +1,8 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x245.09375 children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x245.09375 [BFC] children: not-inline
|
||||
BlockContainer <body> at (10,10) content-size 780x227.09375 children: not-inline
|
||||
Box <div.outer.flex.flex-wrap> at (11,11) content-size 778x225.09375 flex-container(row) children: not-inline
|
||||
BlockContainer <div.inner> at (12,62) content-size 776x123.09375 flex-item children: inline
|
||||
Box <div.outer.flex.flex-wrap> at (11,11) content-size 778x225.09375 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <div.inner> at (12,62) content-size 776x123.09375 flex-item [BFC] children: inline
|
||||
line 0 width: 741.640625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 90, rect: [12,62 741.640625x17.46875]
|
||||
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus interdum libero et urna"
|
||||
|
@ -1,12 +1,12 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x268 children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x268 [BFC] children: not-inline
|
||||
BlockContainer <body> at (10,10) content-size 780x250 children: not-inline
|
||||
Box <div.flexbox> at (11,11) content-size 100x248 flex-container(row) children: not-inline
|
||||
BlockContainer <div> at (12,12) content-size 30x30 flex-item children: not-inline
|
||||
BlockContainer <div> at (64,12) content-size 30x30 flex-item children: not-inline
|
||||
BlockContainer <div> at (12,84) content-size 30x30 flex-item children: not-inline
|
||||
BlockContainer <div> at (64,84) content-size 30x30 flex-item children: not-inline
|
||||
BlockContainer <div> at (12,156) content-size 30x30 flex-item children: not-inline
|
||||
BlockContainer <div> at (64,156) content-size 30x30 flex-item children: not-inline
|
||||
BlockContainer <div> at (12,228) content-size 30x30 flex-item children: not-inline
|
||||
BlockContainer <div> at (64,228) content-size 30x30 flex-item children: not-inline
|
||||
Box <div.flexbox> at (11,11) content-size 100x248 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <div> at (12,12) content-size 30x30 flex-item [BFC] children: not-inline
|
||||
BlockContainer <div> at (64,12) content-size 30x30 flex-item [BFC] children: not-inline
|
||||
BlockContainer <div> at (12,84) content-size 30x30 flex-item [BFC] children: not-inline
|
||||
BlockContainer <div> at (64,84) content-size 30x30 flex-item [BFC] children: not-inline
|
||||
BlockContainer <div> at (12,156) content-size 30x30 flex-item [BFC] children: not-inline
|
||||
BlockContainer <div> at (64,156) content-size 30x30 flex-item [BFC] children: not-inline
|
||||
BlockContainer <div> at (12,228) content-size 30x30 flex-item [BFC] children: not-inline
|
||||
BlockContainer <div> at (64,228) content-size 30x30 flex-item [BFC] children: not-inline
|
||||
|
@ -1,7 +1,7 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x176 children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x176 [BFC] children: not-inline
|
||||
BlockContainer <body> at (10,10) content-size 780x158 children: not-inline
|
||||
Box <div.flexbox> at (11,11) content-size 200x156 flex-container(column) children: not-inline
|
||||
BlockContainer <div> at (12,12) content-size 50x50 flex-item children: not-inline
|
||||
BlockContainer <div> at (12,64) content-size 50x50 flex-item children: not-inline
|
||||
BlockContainer <div> at (12,116) content-size 50x50 flex-item children: not-inline
|
||||
Box <div.flexbox> at (11,11) content-size 200x156 flex-container(column) [FFC] children: not-inline
|
||||
BlockContainer <div> at (12,12) content-size 50x50 flex-item [BFC] children: not-inline
|
||||
BlockContainer <div> at (12,64) content-size 50x50 flex-item [BFC] children: not-inline
|
||||
BlockContainer <div> at (12,116) content-size 50x50 flex-item [BFC] children: not-inline
|
||||
|
@ -1,7 +1,7 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x33.46875 children: not-inline
|
||||
Box <body.outer> at (8,8) content-size 200x17.46875 flex-container(column) children: not-inline
|
||||
BlockContainer <div.middle> at (8,8) content-size 200x17.46875 flex-item children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x33.46875 [BFC] children: not-inline
|
||||
Box <body.outer> at (8,8) content-size 200x17.46875 flex-container(column) [FFC] children: not-inline
|
||||
BlockContainer <div.middle> at (8,8) content-size 200x17.46875 flex-item [BFC] children: not-inline
|
||||
BlockContainer <div.inner> at (8,8) content-size 200x17.46875 children: inline
|
||||
line 0 width: 174.234375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 20, rect: [8,8 174.234375x17.46875]
|
||||
|
@ -1,5 +1,5 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x100 children: not-inline
|
||||
Box <body> at (0,0) content-size 800x100 flex-container(row) children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x100 [BFC] children: not-inline
|
||||
Box <body> at (0,0) content-size 800x100 flex-container(row) [FFC] children: not-inline
|
||||
ImageBox <img> at (0,0) content-size 400x100 flex-item children: not-inline
|
||||
ImageBox <img.padded> at (600,0) content-size 200x100 flex-item children: not-inline
|
||||
|
@ -1,10 +1,10 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x220 children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x220 [BFC] children: not-inline
|
||||
BlockContainer <body> at (10,10) content-size 780x202 children: not-inline
|
||||
Box <div.flex> at (11,11) content-size 300x200 flex-container(row) children: not-inline
|
||||
BlockContainer <div> at (12,12) content-size 100x20 flex-item children: not-inline
|
||||
BlockContainer <div> at (114,12) content-size 100x20 flex-item children: not-inline
|
||||
BlockContainer <div> at (12,95.333328) content-size 100x20 flex-item children: not-inline
|
||||
BlockContainer <div> at (114,95.333328) content-size 100x20 flex-item children: not-inline
|
||||
BlockContainer <div> at (12,178.666656) content-size 100x20 flex-item children: not-inline
|
||||
BlockContainer <div> at (114,178.666656) content-size 100x20 flex-item children: not-inline
|
||||
Box <div.flex> at (11,11) content-size 300x200 flex-container(row) [FFC] children: not-inline
|
||||
BlockContainer <div> at (12,12) content-size 100x20 flex-item [BFC] children: not-inline
|
||||
BlockContainer <div> at (114,12) content-size 100x20 flex-item [BFC] children: not-inline
|
||||
BlockContainer <div> at (12,95.333328) content-size 100x20 flex-item [BFC] children: not-inline
|
||||
BlockContainer <div> at (114,95.333328) content-size 100x20 flex-item [BFC] children: not-inline
|
||||
BlockContainer <div> at (12,178.666656) content-size 100x20 flex-item [BFC] children: not-inline
|
||||
BlockContainer <div> at (114,178.666656) content-size 100x20 flex-item [BFC] children: not-inline
|
||||
|
@ -1,27 +1,27 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x33.46875 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x33.46875 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
|
||||
Box <div.grid-container> at (8,8) content-size 784x17.46875 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
Box <div.grid-container> at (8,8) content-size 784x17.46875 [GFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (8,8) content-size 261.333343x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (8,8) content-size 261.333343x17.46875 [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (269.333343,8) content-size 261.333343x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (269.333343,8) content-size 261.333343x17.46875 [BFC] children: inline
|
||||
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [269.333343,8 8.8125x17.46875]
|
||||
"2"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (530.666687,8) content-size 261.333312x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (530.666687,8) content-size 261.333312x17.46875 [BFC] children: inline
|
||||
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [530.666687,8 9.09375x17.46875]
|
||||
"3"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
|
@ -1,27 +1,27 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x33.46875 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x33.46875 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
|
||||
Box <div.grid-container> at (8,8) content-size 784x17.46875 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
Box <div.grid-container> at (8,8) content-size 784x17.46875 [GFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (8,8) content-size 261.333343x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (8,8) content-size 261.333343x17.46875 [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (269.333343,8) content-size 261.333343x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (269.333343,8) content-size 261.333343x17.46875 [BFC] children: inline
|
||||
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [269.333343,8 8.8125x17.46875]
|
||||
"2"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (530.666687,8) content-size 261.333312x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (530.666687,8) content-size 261.333312x17.46875 [BFC] children: inline
|
||||
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [530.666687,8 9.09375x17.46875]
|
||||
"3"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
|
@ -1,34 +1,34 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x50.9375 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x50.9375 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x34.9375 children: not-inline
|
||||
Box <div.grid-container> at (8,8) content-size 784x34.9375 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
Box <div.grid-container> at (8,8) content-size 784x34.9375 [GFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (8,8) content-size 392.140625x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (8,8) content-size 392.140625x17.46875 [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (400.140625,8) content-size 392x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (400.140625,8) content-size 392x17.46875 [BFC] children: inline
|
||||
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [400.140625,8 8.8125x17.46875]
|
||||
"2"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (8,25.46875) content-size 392.140625x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (8,25.46875) content-size 392.140625x17.46875 [BFC] children: inline
|
||||
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [8,25.46875 9.09375x17.46875]
|
||||
"3"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (400.140625,25.46875) content-size 392x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (400.140625,25.46875) content-size 392x17.46875 [BFC] children: inline
|
||||
line 0 width: 7.75, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [400.140625,25.46875 7.75x17.46875]
|
||||
"4"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
|
@ -1,164 +1,164 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x444.28125 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x444.28125 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x428.28125 children: not-inline
|
||||
Box <div.grid-container> at (8,8) content-size 784x74.9375 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
Box <div.grid-container> at (8,8) content-size 784x74.9375 [GFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (18,18) content-size 372.140625x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (18,18) content-size 372.140625x17.46875 [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [18,18 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (410.140625,18) content-size 372x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (410.140625,18) content-size 372x17.46875 [BFC] children: inline
|
||||
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [410.140625,18 8.8125x17.46875]
|
||||
"2"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (18,55.46875) content-size 372.140625x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (18,55.46875) content-size 372.140625x17.46875 [BFC] children: inline
|
||||
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [18,55.46875 9.09375x17.46875]
|
||||
"3"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (410.140625,55.46875) content-size 372x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (410.140625,55.46875) content-size 372x17.46875 [BFC] children: inline
|
||||
line 0 width: 7.75, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [410.140625,55.46875 7.75x17.46875]
|
||||
"4"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,82.9375) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.grid-container> at (8,82.9375) content-size 784x107.46875 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,82.9375) content-size 0x0 children: inline
|
||||
Box <div.grid-container> at (8,82.9375) content-size 784x107.46875 [GFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,82.9375) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (18,92.9375) content-size 372.140625x50 children: inline
|
||||
BlockContainer <div.grid-item> at (18,92.9375) content-size 372.140625x50 [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [18,92.9375 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,82.9375) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,82.9375) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (410.140625,92.9375) content-size 372x50 children: inline
|
||||
BlockContainer <div.grid-item> at (410.140625,92.9375) content-size 372x50 [BFC] children: inline
|
||||
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [410.140625,92.9375 8.8125x17.46875]
|
||||
"2"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,82.9375) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,82.9375) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (18,162.9375) content-size 372.140625x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (18,162.9375) content-size 372.140625x17.46875 [BFC] children: inline
|
||||
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [18,162.9375 9.09375x17.46875]
|
||||
"3"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,82.9375) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,82.9375) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (410.140625,162.9375) content-size 372x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (410.140625,162.9375) content-size 372x17.46875 [BFC] children: inline
|
||||
line 0 width: 7.75, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [410.140625,162.9375 7.75x17.46875]
|
||||
"4"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,82.9375) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,82.9375) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,190.40625) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.grid-container> at (8,190.40625) content-size 784x84.9375 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,190.40625) content-size 0x0 children: inline
|
||||
Box <div.grid-container> at (8,190.40625) content-size 784x84.9375 [GFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,190.40625) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (18,200.40625) content-size 347.140625x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (18,200.40625) content-size 347.140625x17.46875 [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [18,200.40625 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,190.40625) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,190.40625) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (435.140625,200.40625) content-size 347x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (435.140625,200.40625) content-size 347x17.46875 [BFC] children: inline
|
||||
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [435.140625,200.40625 8.8125x17.46875]
|
||||
"2"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,190.40625) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,190.40625) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (18,247.875) content-size 347.140625x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (18,247.875) content-size 347.140625x17.46875 [BFC] children: inline
|
||||
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [18,247.875 9.09375x17.46875]
|
||||
"3"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,190.40625) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,190.40625) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (435.140625,247.875) content-size 347x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (435.140625,247.875) content-size 347x17.46875 [BFC] children: inline
|
||||
line 0 width: 7.75, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [435.140625,247.875 7.75x17.46875]
|
||||
"4"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,190.40625) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,190.40625) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,275.34375) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.grid-container> at (8,275.34375) content-size 784x90.9375 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,275.34375) content-size 0x0 children: inline
|
||||
Box <div.grid-container> at (8,275.34375) content-size 784x90.9375 [GFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,275.34375) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (445.934356,285.34375) content-size 337.300018x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (445.934356,285.34375) content-size 337.300018x17.46875 [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [445.934356,285.34375 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,275.34375) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,275.34375) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (18,338.8125) content-size 338.534362x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (18,338.8125) content-size 338.534362x17.46875 [BFC] children: inline
|
||||
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [18,338.8125 8.8125x17.46875]
|
||||
"2"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,275.34375) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,275.34375) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,366.28125) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.grid-container> at (8,366.28125) content-size 784x50 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,366.28125) content-size 0x0 children: inline
|
||||
Box <div.grid-container> at (8,366.28125) content-size 784x50 [GFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,366.28125) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (18,376.28125) content-size 280x5 children: inline
|
||||
BlockContainer <div.grid-item> at (18,376.28125) content-size 280x5 [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [18,376.28125 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,366.28125) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,366.28125) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (318,376.28125) content-size 280x5 children: inline
|
||||
BlockContainer <div.grid-item> at (318,376.28125) content-size 280x5 [BFC] children: inline
|
||||
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [318,376.28125 8.8125x17.46875]
|
||||
"2"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,366.28125) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,366.28125) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (18,401.28125) content-size 280x5 children: inline
|
||||
BlockContainer <div.grid-item> at (18,401.28125) content-size 280x5 [BFC] children: inline
|
||||
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [18,401.28125 8.8125x17.46875]
|
||||
"2"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,366.28125) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,366.28125) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (318,401.28125) content-size 280x5 children: inline
|
||||
BlockContainer <div.grid-item> at (318,401.28125) content-size 280x5 [BFC] children: inline
|
||||
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [318,401.28125 8.8125x17.46875]
|
||||
"2"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,366.28125) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,366.28125) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,416.28125) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.grid-container> at (8,416.28125) content-size 784x20 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,416.28125) content-size 0x0 children: inline
|
||||
Box <div.grid-container> at (8,416.28125) content-size 784x20 [GFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,416.28125) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (18,426.28125) content-size 764x0 children: inline
|
||||
BlockContainer <div.grid-item> at (18,426.28125) content-size 764x0 [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [18,426.28125 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,416.28125) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,416.28125) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
|
@ -1,34 +1,34 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x50.9375 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x50.9375 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x34.9375 children: not-inline
|
||||
Box <div.grid-container> at (8,8) content-size 784x34.9375 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
Box <div.grid-container> at (8,8) content-size 784x34.9375 [GFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (8,8) content-size 50x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (8,8) content-size 50x17.46875 [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (58,8) content-size 392x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (58,8) content-size 392x17.46875 [BFC] children: inline
|
||||
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [58,8 8.8125x17.46875]
|
||||
"2"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (8,25.46875) content-size 50x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (8,25.46875) content-size 50x17.46875 [BFC] children: inline
|
||||
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [8,25.46875 9.09375x17.46875]
|
||||
"3"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (58,25.46875) content-size 392x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (58,25.46875) content-size 392x17.46875 [BFC] children: inline
|
||||
line 0 width: 7.75, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [58,25.46875 7.75x17.46875]
|
||||
"4"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
|
@ -1,102 +1,102 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x166.8125 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x166.8125 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x150.8125 children: not-inline
|
||||
Box <div.grid-container> at (8,8) content-size 784x44.9375 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
Box <div.grid-container> at (8,8) content-size 784x44.9375 [GFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (8,8) content-size 367.140625x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (8,8) content-size 367.140625x17.46875 [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (425.140625,8) content-size 367x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (425.140625,8) content-size 367x17.46875 [BFC] children: inline
|
||||
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [425.140625,8 8.8125x17.46875]
|
||||
"2"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (8,35.46875) content-size 367.140625x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (8,35.46875) content-size 367.140625x17.46875 [BFC] children: inline
|
||||
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [8,35.46875 9.09375x17.46875]
|
||||
"3"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (425.140625,35.46875) content-size 367x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (425.140625,35.46875) content-size 367x17.46875 [BFC] children: inline
|
||||
line 0 width: 7.75, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [425.140625,35.46875 7.75x17.46875]
|
||||
"4"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,52.9375) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
Box <div.grid-container> at (8,52.9375) content-size 784x50.9375 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,52.9375) content-size 0x0 children: inline
|
||||
Box <div.grid-container> at (8,52.9375) content-size 784x50.9375 [GFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,52.9375) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (435.934356,52.9375) content-size 357.300018x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (435.934356,52.9375) content-size 357.300018x17.46875 [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [435.934356,52.9375 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,52.9375) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,52.9375) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (8,86.40625) content-size 358.534362x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (8,86.40625) content-size 358.534362x17.46875 [BFC] children: inline
|
||||
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [8,86.40625 8.8125x17.46875]
|
||||
"2"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,52.9375) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,52.9375) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,103.875) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
Box <div.grid-container> at (8,103.875) content-size 784x17.46875 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,103.875) content-size 0x0 children: inline
|
||||
Box <div.grid-container> at (8,103.875) content-size 784x17.46875 [GFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,103.875) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (408,103.875) content-size 384x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (408,103.875) content-size 384x17.46875 [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [408,103.875 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,103.875) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,103.875) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,121.34375) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
Box <div.grid-container> at (8,121.34375) content-size 784x20 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,121.34375) content-size 0x0 children: inline
|
||||
Box <div.grid-container> at (8,121.34375) content-size 784x20 [GFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,121.34375) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (408,121.34375) content-size 384x20 children: inline
|
||||
BlockContainer <div.grid-item> at (408,121.34375) content-size 384x20 [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [408,121.34375 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,121.34375) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,121.34375) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,141.34375) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
Box <div.grid-container.with-border> at (8,141.34375) content-size 784x17.46875 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,141.34375) content-size 0x0 children: inline
|
||||
Box <div.grid-container.with-border> at (8,141.34375) content-size 784x17.46875 [GFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,141.34375) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item.with-border> at (8,141.34375) content-size 387x17.46875 children: inline
|
||||
BlockContainer <div.grid-item.with-border> at (8,141.34375) content-size 387x17.46875 [BFC] children: inline
|
||||
line 0 width: 104.875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 14, rect: [8,141.34375 104.875x17.46875]
|
||||
"left side text"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,141.34375) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,141.34375) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item.with-border> at (405,141.34375) content-size 387x17.46875 children: inline
|
||||
BlockContainer <div.grid-item.with-border> at (405,141.34375) content-size 387x17.46875 [BFC] children: inline
|
||||
line 0 width: 363.203125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 47, rect: [405,141.34375 363.203125x17.46875]
|
||||
"right side text right side text right side text"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,141.34375) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,141.34375) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
|
@ -1,54 +1,54 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x216 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x216 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x200 children: not-inline
|
||||
Box <div.mw-page-container-inner> at (8,8) content-size 784x0 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
Box <div.mw-page-container-inner> at (8,8) content-size 784x0 [GFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.vector-main-menu-container> at (8,8) content-size 196x0 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <div.vector-main-menu-container> at (8,8) content-size 196x0 [BFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.vector-sitenotice-container> at (8,8) content-size 784x0 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <div.vector-sitenotice-container> at (8,8) content-size 784x0 [BFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.mw-content-container> at (204,8) content-size 588x0 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <div.mw-content-container> at (204,8) content-size 588x0 [BFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.mw-footer-container> at (8,8) content-size 784x0 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <div.mw-footer-container> at (8,8) content-size 784x0 [BFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
Box <section#page> at (8,8) content-size 784x200 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
Box <section#page> at (8,8) content-size 784x200 [GFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <header> at (8,8) content-size 784x30 children: inline
|
||||
BlockContainer <header> at (8,8) content-size 784x30 [BFC] children: inline
|
||||
line 0 width: 55.703125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 6, rect: [8,8 55.703125x17.46875]
|
||||
"Header"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <nav> at (8,38) content-size 120x170 children: inline
|
||||
BlockContainer <nav> at (8,38) content-size 120x170 [BFC] children: inline
|
||||
line 0 width: 80.6875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 10, rect: [8,38 80.6875x17.46875]
|
||||
"Navigation"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <main> at (128,38) content-size 664x140 children: inline
|
||||
BlockContainer <main> at (128,38) content-size 664x140 [BFC] children: inline
|
||||
line 0 width: 79.515625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 9, rect: [128,38 79.515625x17.46875]
|
||||
"Main area"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <footer> at (128,178) content-size 664x30 children: inline
|
||||
BlockContainer <footer> at (128,178) content-size 664x30 [BFC] children: inline
|
||||
line 0 width: 57.671875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 6, rect: [128,178 57.671875x17.46875]
|
||||
"Footer"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,208) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
|
@ -1,14 +1,14 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x40 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x40 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x24 children: not-inline
|
||||
Box <div.grid-container> at (8,8) content-size 784x24 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
Box <div.grid-container> at (8,8) content-size 784x24 [GFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.wrapper> at (8,8) content-size 64x24 children: inline
|
||||
BlockContainer <div.wrapper> at (8,8) content-size 64x24 [BFC] children: inline
|
||||
line 0 width: 64, height: 24, bottom: 24, baseline: 24
|
||||
frag 0 from ImageBox start: 0, length: 0, rect: [8,8 64x24]
|
||||
TextNode <#text>
|
||||
ImageBox <img> at (8,8) content-size 64x24 children: not-inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
|
@ -1,13 +1,13 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x35.46875 children: inline
|
||||
BlockContainer <html> at (0,0) content-size 800x35.46875 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <body> at (8,8) content-size 0x19.46875 floating children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 0x19.46875 floating [BFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
TextNode <#text>
|
||||
Box <div.grid> at (8,8) content-size 0x19.46875 children: not-inline
|
||||
BlockContainer <(anonymous)> children: inline
|
||||
Box <div.grid> at (8,8) content-size 0x19.46875 [GFC] children: not-inline
|
||||
BlockContainer <(anonymous)> [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.whee> at (9,9) content-size 18x17.46875 children: inline
|
||||
BlockContainer <div.whee> at (9,9) content-size 18x17.46875 [BFC] children: inline
|
||||
line 0 width: 37.953125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 4, rect: [9,9 37.953125x17.46875]
|
||||
"whee"
|
||||
|
@ -1,8 +1,8 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x39.46875 children: not-inline
|
||||
BlockContainer <body> at (10,10) content-size 2x21.46875 floating children: not-inline
|
||||
Box <div.grid> at (11,11) content-size 0x19.46875 children: not-inline
|
||||
BlockContainer <div.whee> at (12,12) content-size 35.953125x17.46875 children: inline
|
||||
BlockContainer <html> at (1,1) content-size 798x39.46875 [BFC] children: not-inline
|
||||
BlockContainer <body> at (10,10) content-size 2x21.46875 floating [BFC] children: not-inline
|
||||
Box <div.grid> at (11,11) content-size 0x19.46875 [GFC] children: not-inline
|
||||
BlockContainer <div.whee> at (12,12) content-size 35.953125x17.46875 [BFC] children: inline
|
||||
line 0 width: 37.953125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 4, rect: [12,12 37.953125x17.46875]
|
||||
"whee"
|
||||
|
@ -1,27 +1,27 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x33.46875 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x33.46875 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
|
||||
Box <div.grid-container> at (8,8) content-size 784x17.46875 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
Box <div.grid-container> at (8,8) content-size 784x17.46875 [GFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (8,8) content-size 93.765625x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (8,8) content-size 93.765625x17.46875 [BFC] children: inline
|
||||
line 0 width: 93.765625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 11, rect: [8,8 93.765625x17.46875]
|
||||
"min-content"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (101.765625,8) content-size 98.640625x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (101.765625,8) content-size 98.640625x17.46875 [BFC] children: inline
|
||||
line 0 width: 98.640625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 11, rect: [101.765625,8 98.640625x17.46875]
|
||||
"max-content"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (200.40625,8) content-size 591.59375x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (200.40625,8) content-size 591.59375x17.46875 [BFC] children: inline
|
||||
line 0 width: 21.609375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 3, rect: [200.40625,8 21.609375x17.46875]
|
||||
"1fr"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
|
@ -1,168 +1,168 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x288.28125 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x288.28125 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x272.28125 children: not-inline
|
||||
Box <div.grid-container> at (8,8) content-size 784x17.46875 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
Box <div.grid-container> at (8,8) content-size 784x17.46875 [GFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (8,8) content-size 300x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (8,8) content-size 300x17.46875 [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (308,8) content-size 300x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (308,8) content-size 300x17.46875 [BFC] children: inline
|
||||
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [308,8 8.8125x17.46875]
|
||||
"2"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,25.46875) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
Box <div.grid-container> at (8,25.46875) content-size 784x100 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,25.46875) content-size 0x0 children: inline
|
||||
Box <div.grid-container> at (8,25.46875) content-size 784x100 [GFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,25.46875) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (8,25.46875) content-size 300x50 children: inline
|
||||
BlockContainer <div.grid-item> at (8,25.46875) content-size 300x50 [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [8,25.46875 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,25.46875) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,25.46875) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (308,25.46875) content-size 300x50 children: inline
|
||||
BlockContainer <div.grid-item> at (308,25.46875) content-size 300x50 [BFC] children: inline
|
||||
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [308,25.46875 8.8125x17.46875]
|
||||
"2"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,25.46875) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,25.46875) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,125.46875) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
Box <div.grid-container> at (8,125.46875) content-size 784x34.9375 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,125.46875) content-size 0x0 children: inline
|
||||
Box <div.grid-container> at (8,125.46875) content-size 784x34.9375 [GFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,125.46875) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (8,125.46875) content-size 784x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (8,125.46875) content-size 784x17.46875 [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [8,125.46875 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,125.46875) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,125.46875) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (8,142.9375) content-size 784x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (8,142.9375) content-size 784x17.46875 [BFC] children: inline
|
||||
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [8,142.9375 8.8125x17.46875]
|
||||
"2"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,125.46875) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,125.46875) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,160.40625) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
Box <div.grid-container> at (8,160.40625) content-size 784x34.9375 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,160.40625) content-size 0x0 children: inline
|
||||
Box <div.grid-container> at (8,160.40625) content-size 784x34.9375 [GFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,160.40625) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (8,160.40625) content-size 784x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (8,160.40625) content-size 784x17.46875 [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [8,160.40625 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,160.40625) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,160.40625) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (8,177.875) content-size 784x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (8,177.875) content-size 784x17.46875 [BFC] children: inline
|
||||
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [8,177.875 8.8125x17.46875]
|
||||
"2"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,160.40625) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,160.40625) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,195.34375) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
Box <div.grid-container> at (8,195.34375) content-size 784x50 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,195.34375) content-size 0x0 children: inline
|
||||
Box <div.grid-container> at (8,195.34375) content-size 784x50 [GFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,195.34375) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (8,195.34375) content-size 300x25 children: inline
|
||||
BlockContainer <div.grid-item> at (8,195.34375) content-size 300x25 [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [8,195.34375 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,195.34375) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,195.34375) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (308,195.34375) content-size 300x25 children: inline
|
||||
BlockContainer <div.grid-item> at (308,195.34375) content-size 300x25 [BFC] children: inline
|
||||
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [308,195.34375 8.8125x17.46875]
|
||||
"2"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,195.34375) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,195.34375) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (8,220.34375) content-size 300x25 children: inline
|
||||
BlockContainer <div.grid-item> at (8,220.34375) content-size 300x25 [BFC] children: inline
|
||||
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [8,220.34375 9.09375x17.46875]
|
||||
"3"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,195.34375) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,195.34375) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (308,220.34375) content-size 300x25 children: inline
|
||||
BlockContainer <div.grid-item> at (308,220.34375) content-size 300x25 [BFC] children: inline
|
||||
line 0 width: 7.75, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [308,220.34375 7.75x17.46875]
|
||||
"4"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,195.34375) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,195.34375) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,245.34375) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
Box <div.grid-container> at (8,245.34375) content-size 784x17.46875 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,245.34375) content-size 0x0 children: inline
|
||||
Box <div.grid-container> at (8,245.34375) content-size 784x17.46875 [GFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,245.34375) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (8,245.34375) content-size 261.333343x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (8,245.34375) content-size 261.333343x17.46875 [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [8,245.34375 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,245.34375) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,245.34375) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (269.333343,245.34375) content-size 261.333343x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (269.333343,245.34375) content-size 261.333343x17.46875 [BFC] children: inline
|
||||
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [269.333343,245.34375 8.8125x17.46875]
|
||||
"2"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,245.34375) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,245.34375) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (530.666687,245.34375) content-size 261.333312x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (530.666687,245.34375) content-size 261.333312x17.46875 [BFC] children: inline
|
||||
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [530.666687,245.34375 9.09375x17.46875]
|
||||
"3"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,245.34375) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,245.34375) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,262.8125) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
Box <div.grid-container> at (8,262.8125) content-size 784x17.46875 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,262.8125) content-size 0x0 children: inline
|
||||
Box <div.grid-container> at (8,262.8125) content-size 784x17.46875 [GFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,262.8125) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (8,262.8125) content-size 56.218711x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (8,262.8125) content-size 56.218711x17.46875 [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [8,262.8125 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,262.8125) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,262.8125) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (64.218711,262.8125) content-size 671.5625x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (64.218711,262.8125) content-size 671.5625x17.46875 [BFC] children: inline
|
||||
line 0 width: 125.265625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 15, rect: [64.218711,262.8125 125.265625x17.46875]
|
||||
"Article content"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,262.8125) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,262.8125) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (735.781188,262.8125) content-size 56.218688x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (735.781188,262.8125) content-size 56.218688x17.46875 [BFC] children: inline
|
||||
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [735.781188,262.8125 9.09375x17.46875]
|
||||
"3"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,262.8125) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,262.8125) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
|
@ -1,90 +1,90 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x143.40625 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x143.40625 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x127.40625 children: not-inline
|
||||
Box <div.grid-container> at (8,8) content-size 784x17.46875 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
Box <div.grid-container> at (8,8) content-size 784x17.46875 [GFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (8,8) content-size 392x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (8,8) content-size 392x17.46875 [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (400,8) content-size 393.234375x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (400,8) content-size 393.234375x17.46875 [BFC] children: inline
|
||||
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [400,8 8.8125x17.46875]
|
||||
"2"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,25.46875) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
Box <div.grid-container> at (8,25.46875) content-size 784x75 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,25.46875) content-size 0x0 children: inline
|
||||
Box <div.grid-container> at (8,25.46875) content-size 784x75 [GFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,25.46875) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (8,25.46875) content-size 261.333343x75 children: inline
|
||||
BlockContainer <div.grid-item> at (8,25.46875) content-size 261.333343x75 [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [8,25.46875 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,25.46875) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,25.46875) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (530.666687,25.46875) content-size 261.333312x50 children: inline
|
||||
BlockContainer <div.grid-item> at (530.666687,25.46875) content-size 261.333312x50 [BFC] children: inline
|
||||
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [530.666687,25.46875 8.8125x17.46875]
|
||||
"2"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,25.46875) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,25.46875) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (269.333343,25.46875) content-size 261.333343x25 children: inline
|
||||
BlockContainer <div.grid-item> at (269.333343,25.46875) content-size 261.333343x25 [BFC] children: inline
|
||||
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [269.333343,25.46875 9.09375x17.46875]
|
||||
"3"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,25.46875) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,25.46875) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (269.333343,75.46875) content-size 522.666625x25 children: inline
|
||||
BlockContainer <div.grid-item> at (269.333343,75.46875) content-size 522.666625x25 [BFC] children: inline
|
||||
line 0 width: 7.75, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [269.333343,75.46875 7.75x17.46875]
|
||||
"4"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,25.46875) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,25.46875) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,100.46875) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
Box <div.grid-container> at (8,100.46875) content-size 784x34.9375 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,100.46875) content-size 0x0 children: inline
|
||||
Box <div.grid-container> at (8,100.46875) content-size 784x34.9375 [GFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,100.46875) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (58,100.46875) content-size 100x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (58,100.46875) content-size 100x17.46875 [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [58,100.46875 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,100.46875) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,100.46875) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (158,100.46875) content-size 50x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (158,100.46875) content-size 50x17.46875 [BFC] children: inline
|
||||
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [158,100.46875 8.8125x17.46875]
|
||||
"2"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,100.46875) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,100.46875) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (208,100.46875) content-size 100x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (208,100.46875) content-size 100x17.46875 [BFC] children: inline
|
||||
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [208,100.46875 9.09375x17.46875]
|
||||
"3"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,100.46875) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,100.46875) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (8,117.9375) content-size 50x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (8,117.9375) content-size 50x17.46875 [BFC] children: inline
|
||||
line 0 width: 7.75, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [8,117.9375 7.75x17.46875]
|
||||
"4"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,100.46875) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,100.46875) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
|
@ -1,83 +1,83 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x185.875 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x185.875 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x169.875 children: not-inline
|
||||
Box <div.grid-container> at (8,8) content-size 784x17.46875 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
Box <div.grid-container> at (8,8) content-size 784x17.46875 [GFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (8,8) content-size 522.666748x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (8,8) content-size 522.666748x17.46875 [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (530.666748,8) content-size 261.333496x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (530.666748,8) content-size 261.333496x17.46875 [BFC] children: inline
|
||||
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [530.666748,8 8.8125x17.46875]
|
||||
"2"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,25.46875) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
Box <div.grid-container> at (8,25.46875) content-size 784x17.46875 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,25.46875) content-size 0x0 children: inline
|
||||
Box <div.grid-container> at (8,25.46875) content-size 784x17.46875 [GFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,25.46875) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (8,25.46875) content-size 261.333374x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (8,25.46875) content-size 261.333374x17.46875 [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [8,25.46875 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,25.46875) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,25.46875) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (269.333374,25.46875) content-size 522.66687x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (269.333374,25.46875) content-size 522.66687x17.46875 [BFC] children: inline
|
||||
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [269.333374,25.46875 8.8125x17.46875]
|
||||
"2"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,25.46875) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,25.46875) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,42.9375) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
Box <div.grid-container> at (8,42.9375) content-size 784x100 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,42.9375) content-size 0x0 children: inline
|
||||
Box <div.grid-container> at (8,42.9375) content-size 784x100 [GFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,42.9375) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (8,42.9375) content-size 784x40 children: inline
|
||||
BlockContainer <div.grid-item> at (8,42.9375) content-size 784x40 [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [8,42.9375 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,42.9375) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,42.9375) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (8,82.9375) content-size 784x60 children: inline
|
||||
BlockContainer <div.grid-item> at (8,82.9375) content-size 784x60 [BFC] children: inline
|
||||
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [8,82.9375 8.8125x17.46875]
|
||||
"2"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,42.9375) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,42.9375) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,142.9375) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
Box <div.grid-container> at (8,142.9375) content-size 784x34.9375 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,142.9375) content-size 0x0 children: inline
|
||||
Box <div.grid-container> at (8,142.9375) content-size 784x34.9375 [GFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,142.9375) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (8,142.9375) content-size 784x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (8,142.9375) content-size 784x17.46875 [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [8,142.9375 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,142.9375) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,142.9375) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (8,160.40625) content-size 392x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (8,160.40625) content-size 392x17.46875 [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [8,160.40625 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,142.9375) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,142.9375) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
|
@ -1,83 +1,83 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x233.46875 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x233.46875 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x217.46875 children: not-inline
|
||||
Box <div.grid-container> at (8,8) content-size 784x200 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
Box <div.grid-container> at (8,8) content-size 784x200 [GFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (8,8) content-size 392x200 children: inline
|
||||
BlockContainer <div.grid-item> at (8,8) content-size 392x200 [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (400,8) content-size 392x100 children: inline
|
||||
BlockContainer <div.grid-item> at (400,8) content-size 392x100 [BFC] children: inline
|
||||
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [400,8 8.8125x17.46875]
|
||||
"2"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (400,108) content-size 196x50 children: inline
|
||||
BlockContainer <div.grid-item> at (400,108) content-size 196x50 [BFC] children: inline
|
||||
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [400,108 9.09375x17.46875]
|
||||
"3"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (596,108) content-size 196x50 children: inline
|
||||
BlockContainer <div.grid-item> at (596,108) content-size 196x50 [BFC] children: inline
|
||||
line 0 width: 7.75, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [596,108 7.75x17.46875]
|
||||
"4"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (400,158) content-size 196x50 children: inline
|
||||
BlockContainer <div.grid-item> at (400,158) content-size 196x50 [BFC] children: inline
|
||||
line 0 width: 8.453125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [400,158 8.453125x17.46875]
|
||||
"5"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (596,158) content-size 196x50 children: inline
|
||||
BlockContainer <div.grid-item> at (596,158) content-size 196x50 [BFC] children: inline
|
||||
line 0 width: 8.734375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [596,158 8.734375x17.46875]
|
||||
"6"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,208) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
Box <div.grid-container> at (8,208) content-size 784x17.46875 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,208) content-size 0x0 children: inline
|
||||
Box <div.grid-container> at (8,208) content-size 784x17.46875 [GFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,208) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (8,208) content-size 50x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (8,208) content-size 50x17.46875 [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [8,208 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,208) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,208) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (58,208) content-size 50x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (58,208) content-size 50x17.46875 [BFC] children: inline
|
||||
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [58,208 8.8125x17.46875]
|
||||
"2"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,208) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,208) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (108,208) content-size 100x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (108,208) content-size 100x17.46875 [BFC] children: inline
|
||||
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [108,208 9.09375x17.46875]
|
||||
"3"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,208) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,208) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (208,208) content-size 100x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (208,208) content-size 100x17.46875 [BFC] children: inline
|
||||
line 0 width: 7.75, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [208,208 7.75x17.46875]
|
||||
"4"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,208) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,208) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
|
@ -1,34 +1,34 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x83.46875 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x83.46875 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x67.46875 children: not-inline
|
||||
Box <div.grid-container> at (8,8) content-size 784x67.46875 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
Box <div.grid-container> at (8,8) content-size 784x67.46875 [GFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (8,8) content-size 392.140625x50 children: inline
|
||||
BlockContainer <div.grid-item> at (8,8) content-size 392.140625x50 [BFC] children: inline
|
||||
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17.46875]
|
||||
"1"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (400.140625,8) content-size 392x50 children: inline
|
||||
BlockContainer <div.grid-item> at (400.140625,8) content-size 392x50 [BFC] children: inline
|
||||
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [400.140625,8 8.8125x17.46875]
|
||||
"2"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (8,58) content-size 392.140625x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (8,58) content-size 392.140625x17.46875 [BFC] children: inline
|
||||
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [8,58 9.09375x17.46875]
|
||||
"3"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (400.140625,58) content-size 392x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (400.140625,58) content-size 392x17.46875 [BFC] children: inline
|
||||
line 0 width: 7.75, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 1, rect: [400.140625,58 7.75x17.46875]
|
||||
"4"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
|
@ -1,83 +1,83 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x120.8125 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x120.8125 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x104.8125 children: not-inline
|
||||
Box <div.grid-container> at (8,8) content-size 784x34.9375 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
Box <div.grid-container> at (8,8) content-size 784x34.9375 [GFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (400,25.46875) content-size 392x17.46875 children: inline
|
||||
BlockContainer <div> at (400,25.46875) content-size 392x17.46875 [BFC] children: inline
|
||||
line 0 width: 99.703125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 1, length: 12, rect: [400,25.46875 99.703125x17.46875]
|
||||
"right-bottom"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (8,8) content-size 392x34.9375 children: inline
|
||||
BlockContainer <div> at (8,8) content-size 392x34.9375 [BFC] children: inline
|
||||
line 0 width: 26.25, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 4, rect: [8,8 26.25x17.46875]
|
||||
"left"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (400,8) content-size 392x17.46875 children: inline
|
||||
BlockContainer <div> at (400,8) content-size 392x17.46875 [BFC] children: inline
|
||||
line 0 width: 70.234375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 9, rect: [400,8 70.234375x17.46875]
|
||||
"right-top"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,42.9375) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
Box <div.grid-container> at (8,42.9375) content-size 784x17.46875 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,42.9375) content-size 0x0 children: inline
|
||||
Box <div.grid-container> at (8,42.9375) content-size 784x17.46875 [GFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,42.9375) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (8,42.9375) content-size 261.333343x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (8,42.9375) content-size 261.333343x17.46875 [BFC] children: inline
|
||||
line 0 width: 21.609375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 3, rect: [8,42.9375 21.609375x17.46875]
|
||||
"1fr"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,42.9375) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,42.9375) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,60.40625) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
Box <div.grid-container> at (8,60.40625) content-size 784x17.46875 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,60.40625) content-size 0x0 children: inline
|
||||
Box <div.grid-container> at (8,60.40625) content-size 784x17.46875 [GFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,60.40625) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (8,60.40625) content-size 392x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (8,60.40625) content-size 392x17.46875 [BFC] children: inline
|
||||
line 0 width: 21.609375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 3, rect: [8,60.40625 21.609375x17.46875]
|
||||
"1fr"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,60.40625) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,60.40625) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,77.875) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
Box <div.grid-container> at (8,77.875) content-size 784x17.46875 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,77.875) content-size 0x0 children: inline
|
||||
Box <div.grid-container> at (8,77.875) content-size 784x17.46875 [GFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,77.875) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (8,77.875) content-size 196x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (8,77.875) content-size 196x17.46875 [BFC] children: inline
|
||||
line 0 width: 21.609375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 3, rect: [8,77.875 21.609375x17.46875]
|
||||
"1fr"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,77.875) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,77.875) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,95.34375) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
Box <div.grid-container> at (8,95.34375) content-size 784x17.46875 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,95.34375) content-size 0x0 children: inline
|
||||
Box <div.grid-container> at (8,95.34375) content-size 784x17.46875 [GFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,95.34375) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.grid-item> at (8,95.34375) content-size 196x17.46875 children: inline
|
||||
BlockContainer <div.grid-item> at (8,95.34375) content-size 196x17.46875 [BFC] children: inline
|
||||
line 0 width: 21.609375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 3, rect: [8,95.34375 21.609375x17.46875]
|
||||
"1fr"
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,95.34375) content-size 0x0 children: inline
|
||||
BlockContainer <(anonymous)> at (8,95.34375) content-size 0x0 [BFC] children: inline
|
||||
TextNode <#text>
|
||||
|
@ -1,4 +1,4 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x116 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x116 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 400x100 children: not-inline
|
||||
ImageBox <img> at (158,8) content-size 100x100 children: not-inline
|
||||
|
@ -1,9 +1,9 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x45.835937 children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x45.835937 [BFC] children: not-inline
|
||||
BlockContainer <body> at (10,10) content-size 780x27.835937 children: inline
|
||||
line 0 width: 202, height: 27.835937, bottom: 27.835937, baseline: 25.835937
|
||||
frag 0 from BlockContainer start: 0, length: 0, rect: [11,11 200x25.835937]
|
||||
BlockContainer <input> at (11,11) content-size 200x25.835937 inline-block children: not-inline
|
||||
BlockContainer <input> at (11,11) content-size 200x25.835937 inline-block [BFC] children: not-inline
|
||||
BlockContainer <#shadow-root> at (11,11) content-size 0x0 children: not-inline
|
||||
BlockContainer <div> at (14,13) content-size 194x21.835937 children: inline
|
||||
TextNode <#text>
|
||||
|
@ -1,5 +1,5 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x116 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x116 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x100 children: not-inline
|
||||
BlockContainer <div#a> at (8,8) content-size 100x100 children: not-inline
|
||||
BlockContainer <div#b> at (8,8) content-size 100x100 children: inline
|
||||
|
@ -1,5 +1,5 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x116 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x116 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x100 children: not-inline
|
||||
BlockContainer <div#a> at (8,8) content-size 100x100 children: not-inline
|
||||
BlockContainer <div#b> at (8,8) content-size 100x100 children: inline
|
||||
|
@ -1,4 +1,4 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x16 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x16 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x0 children: not-inline
|
||||
BlockContainer <div#foo> at (0,0) content-size 123x456 positioned children: not-inline
|
||||
BlockContainer <div#foo> at (0,0) content-size 123x456 positioned [BFC] children: not-inline
|
||||
|
@ -1,6 +1,6 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x118 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x118 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x102 children: not-inline
|
||||
BlockContainer <div.box> at (9,9) content-size 100x100 positioned children: not-inline
|
||||
BlockContainer <div.box> at (9,9) content-size 100x100 positioned [BFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,110) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
|
@ -1,14 +1,14 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x16 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x16 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x0 children: inline
|
||||
BlockContainer <div#container> at (8,8) content-size 500x400 positioned children: inline
|
||||
BlockContainer <div#container> at (8,8) content-size 500x400 positioned [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div#red> at (38,38) content-size 100x100 positioned children: not-inline
|
||||
BlockContainer <div#red> at (38,38) content-size 100x100 positioned [BFC] children: not-inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div#green> at (338,78) content-size 100x100 positioned children: not-inline
|
||||
BlockContainer <div#green> at (338,78) content-size 100x100 positioned [BFC] children: not-inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div#blue> at (28,288) content-size 100x100 positioned children: not-inline
|
||||
BlockContainer <div#blue> at (28,288) content-size 100x100 positioned [BFC] children: not-inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div#yellow> at (388,288) content-size 100x100 positioned children: not-inline
|
||||
BlockContainer <div#yellow> at (388,288) content-size 100x100 positioned [BFC] children: not-inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
|
@ -1,6 +1,6 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x216 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x216 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x200 children: not-inline
|
||||
BlockContainer <div#guide> at (8,8) content-size 200x200 children: not-inline
|
||||
BlockContainer <div#container> at (18,18) content-size 0x0 positioned floating children: not-inline
|
||||
BlockContainer <div#box> at (8,8) content-size 100x100 positioned children: not-inline
|
||||
BlockContainer <div#container> at (18,18) content-size 0x0 positioned floating [BFC] children: not-inline
|
||||
BlockContainer <div#box> at (8,8) content-size 100x100 positioned [BFC] children: not-inline
|
||||
|
@ -1,20 +1,20 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x616 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x616 [BFC] children: not-inline
|
||||
BlockContainer <(anonymous)> at (0,0) content-size 800x0 children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <body> at (8,8) content-size 784x600 children: not-inline
|
||||
BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.blue.absolute> at (208,208) content-size 200x200 positioned children: inline
|
||||
BlockContainer <div.blue.absolute> at (208,208) content-size 200x200 positioned [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.red.absolute> at (308,308) content-size 100x100 positioned children: not-inline
|
||||
BlockContainer <div.red.absolute> at (308,308) content-size 100x100 positioned [BFC] children: not-inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.yellow.absolute> at (258,258) content-size 100x100 positioned children: inline
|
||||
BlockContainer <div.yellow.absolute> at (258,258) content-size 100x100 positioned [BFC] children: inline
|
||||
TextNode <#text>
|
||||
BlockContainer <div.black.absolute> at (308,308) content-size 50x50 positioned children: not-inline
|
||||
BlockContainer <div.black.absolute> at (308,308) content-size 50x50 positioned [BFC] children: not-inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
BlockContainer <div.green.absolute> at (508,508) content-size 100x100 positioned children: not-inline
|
||||
BlockContainer <div.green.absolute> at (508,508) content-size 100x100 positioned [BFC] children: not-inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
BlockContainer <div.blue> at (8,8) content-size 200x200 children: not-inline
|
||||
|
@ -1,5 +1,5 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x232.46875 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x232.46875 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x216.46875 children: inline
|
||||
line 0 width: 174.828125, height: 216.46875, bottom: 216.46875, baseline: 213
|
||||
frag 0 from TextNode start: 0, length: 6, rect: [8,207 43.125x17.46875]
|
||||
|
@ -1,5 +1,5 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x273.46875 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x273.46875 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x257.46875 children: inline
|
||||
line 0 width: 772, height: 130.46875, bottom: 130.46875, baseline: 127
|
||||
frag 0 from SVGSVGBox start: 0, length: 0, rect: [9,84 100x50]
|
||||
@ -38,67 +38,67 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
frag 7 from TextNode start: 0, length: 1, rect: [240,248 8x17.46875]
|
||||
" "
|
||||
frag 8 from SVGSVGBox start: 0, length: 0, rect: [249,201 160x60]
|
||||
SVGSVGBox <svg> at (9,84) content-size 100x50 children: inline
|
||||
SVGSVGBox <svg> at (9,84) content-size 100x50 [SVG] children: inline
|
||||
TextNode <#text>
|
||||
SVGGeometryBox <circle> at (34,84) content-size 50x50 children: not-inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
SVGSVGBox <svg> at (119,84) content-size 100x50 children: inline
|
||||
SVGSVGBox <svg> at (119,84) content-size 100x50 [SVG] children: inline
|
||||
TextNode <#text>
|
||||
SVGGeometryBox <circle> at (119,84) content-size 50x50 children: not-inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
SVGSVGBox <svg> at (229,84) content-size 100x50 children: inline
|
||||
SVGSVGBox <svg> at (229,84) content-size 100x50 [SVG] children: inline
|
||||
TextNode <#text>
|
||||
SVGGeometryBox <circle> at (279,84) content-size 50x50 children: not-inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
SVGSVGBox <svg> at (339,84) content-size 100x50 children: inline
|
||||
SVGSVGBox <svg> at (339,84) content-size 100x50 [SVG] children: inline
|
||||
TextNode <#text>
|
||||
SVGGeometryBox <circle> at (339,84) content-size 100x100 children: not-inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
SVGSVGBox <svg> at (449,84) content-size 100x50 children: inline
|
||||
SVGSVGBox <svg> at (449,84) content-size 100x50 [SVG] children: inline
|
||||
TextNode <#text>
|
||||
SVGGeometryBox <circle> at (449,59) content-size 100x100 children: not-inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
SVGSVGBox <svg> at (559,84) content-size 100x50 children: inline
|
||||
SVGSVGBox <svg> at (559,84) content-size 100x50 [SVG] children: inline
|
||||
TextNode <#text>
|
||||
SVGGeometryBox <circle> at (559,34) content-size 100x100 children: not-inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
SVGSVGBox <svg> at (669,9) content-size 50x125 children: inline
|
||||
SVGSVGBox <svg> at (669,9) content-size 50x125 [SVG] children: inline
|
||||
TextNode <#text>
|
||||
SVGGeometryBox <circle> at (669,9) content-size 50x50 children: not-inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
SVGSVGBox <svg> at (729,9) content-size 50x125 children: inline
|
||||
SVGSVGBox <svg> at (729,9) content-size 50x125 [SVG] children: inline
|
||||
TextNode <#text>
|
||||
SVGGeometryBox <circle> at (729,46.5) content-size 50x50 children: not-inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
SVGSVGBox <svg> at (9,136) content-size 50x125 children: inline
|
||||
SVGSVGBox <svg> at (9,136) content-size 50x125 [SVG] children: inline
|
||||
TextNode <#text>
|
||||
SVGGeometryBox <circle> at (9,211) content-size 50x50 children: not-inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
SVGSVGBox <svg> at (69,136) content-size 50x125 children: inline
|
||||
SVGSVGBox <svg> at (69,136) content-size 50x125 [SVG] children: inline
|
||||
TextNode <#text>
|
||||
SVGGeometryBox <circle> at (69,136) content-size 125x125 children: not-inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
SVGSVGBox <svg> at (129,136) content-size 50x125 children: inline
|
||||
SVGSVGBox <svg> at (129,136) content-size 50x125 [SVG] children: inline
|
||||
TextNode <#text>
|
||||
SVGGeometryBox <circle> at (91.5,136) content-size 125x125 children: not-inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
SVGSVGBox <svg> at (189,136) content-size 50x125 children: inline
|
||||
SVGSVGBox <svg> at (189,136) content-size 50x125 [SVG] children: inline
|
||||
TextNode <#text>
|
||||
SVGGeometryBox <circle> at (114,136) content-size 125x125 children: not-inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
SVGSVGBox <svg> at (249,201) content-size 160x60 children: inline
|
||||
SVGSVGBox <svg> at (249,201) content-size 160x60 [SVG] children: inline
|
||||
TextNode <#text>
|
||||
SVGGeometryBox <circle> at (299,201) content-size 60x60 children: not-inline
|
||||
TextNode <#text>
|
||||
|
@ -1,5 +1,5 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x700 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x700 [BFC] children: not-inline
|
||||
BlockContainer <body> at (50,50) content-size 700x600 children: inline
|
||||
line 0 width: 616, height: 203.46875, bottom: 203.46875, baseline: 200
|
||||
frag 0 from SVGSVGBox start: 0, length: 0, rect: [50,150 200x100]
|
||||
@ -19,7 +19,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
frag 4 from SVGSVGBox start: 0, length: 0, rect: [466,250 200x200]
|
||||
line 2 width: 200, height: 200, bottom: 600, baseline: 200
|
||||
frag 0 from SVGSVGBox start: 0, length: 0, rect: [50,450 200x200]
|
||||
SVGSVGBox <svg> at (50,150) content-size 200x100 children: inline
|
||||
SVGSVGBox <svg> at (50,150) content-size 200x100 [SVG] children: inline
|
||||
TextNode <#text>
|
||||
SVGGraphicsBox <g> children: inline
|
||||
TextNode <#text>
|
||||
@ -32,21 +32,21 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
SVGSVGBox <svg> at (258,50) content-size 200x200 children: inline
|
||||
SVGSVGBox <svg> at (258,50) content-size 200x200 [SVG] children: inline
|
||||
TextNode <#text>
|
||||
SVGGeometryBox <rect> at (268,60) content-size 30x20 children: not-inline
|
||||
TextNode <#text>
|
||||
SVGGeometryBox <rect> at (288,130) content-size 110x90 children: not-inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
SVGSVGBox <svg> at (466,50) content-size 200x200 children: inline
|
||||
SVGSVGBox <svg> at (466,50) content-size 200x200 [SVG] children: inline
|
||||
TextNode <#text>
|
||||
SVGGeometryBox <rect> at (506,90) content-size 120x120 children: not-inline
|
||||
TextNode <#text>
|
||||
SVGGeometryBox <rect> at (471.358978,90) content-size 189.282043x120 children: not-inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
SVGSVGBox <svg> at (50,250) content-size 200x200 children: inline
|
||||
SVGSVGBox <svg> at (50,250) content-size 200x200 [SVG] children: inline
|
||||
TextNode <#text>
|
||||
SVGGeometryBox <rect> at (120.588233,320.588256) content-size 58.823524x58.823532 children: not-inline
|
||||
TextNode <#text>
|
||||
@ -57,7 +57,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
SVGGeometryBox <rect> at (179.411773,321.481903) content-size 68.14447x68.14447 children: not-inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
SVGSVGBox <svg> at (258,250) content-size 200x200 children: inline
|
||||
SVGSVGBox <svg> at (258,250) content-size 200x200 [SVG] children: inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
SVGGeometryBox <circle> at (278,270) content-size 160x160 children: not-inline
|
||||
@ -72,14 +72,14 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
SVGGeometryBox <circle> at (338,330) content-size 40x40 children: not-inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
SVGSVGBox <svg> at (466,250) content-size 200x200 children: inline
|
||||
SVGSVGBox <svg> at (466,250) content-size 200x200 [SVG] children: inline
|
||||
TextNode <#text>
|
||||
SVGGeometryBox <rect> at (506,290) content-size 120x120 children: not-inline
|
||||
TextNode <#text>
|
||||
SVGGeometryBox <rect> at (506,255.358978) content-size 120x189.282043 children: not-inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
SVGSVGBox <svg> at (50,450) content-size 200x200 children: inline
|
||||
SVGSVGBox <svg> at (50,450) content-size 200x200 [SVG] children: inline
|
||||
TextNode <#text>
|
||||
TextNode <#text>
|
||||
SVGGeometryBox <rect> at (60,460) content-size 80x80 children: not-inline
|
||||
|
@ -1,10 +1,10 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x40 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x40 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x24 children: inline
|
||||
line 0 width: 24, height: 24, bottom: 24, baseline: 24
|
||||
frag 0 from SVGSVGBox start: 0, length: 0, rect: [8,8 24x24]
|
||||
SVGSVGBox <svg> at (8,8) content-size 24x24 children: inline
|
||||
SVGSVGBox <svg> at (8,8) content-size 24x24 [SVG] children: inline
|
||||
SVGGraphicsBox <g> children: inline
|
||||
SVGSVGBox <svg> at (8,8) content-size 24x24 children: not-inline
|
||||
SVGSVGBox <svg> at (8,8) content-size 24x24 [SVG] children: not-inline
|
||||
SVGGeometryBox <rect> at (8,8) content-size 24x24 children: not-inline
|
||||
TextNode <#text>
|
||||
|
@ -1,7 +1,7 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x116 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x116 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x100 children: inline
|
||||
line 0 width: 100, height: 100, bottom: 100, baseline: 60
|
||||
frag 0 from SVGSVGBox start: 0, length: 0, rect: [8,8 100x100]
|
||||
SVGSVGBox <svg> at (8,8) content-size 100x100 children: not-inline
|
||||
SVGSVGBox <svg> at (8,8) content-size 100x100 [SVG] children: not-inline
|
||||
SVGGeometryBox <path> at (28,28) content-size 60x60 children: not-inline
|
||||
|
@ -1,20 +1,20 @@
|
||||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x60.9375 children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x60.9375 [BFC] children: not-inline
|
||||
BlockContainer <body> at (10,10) content-size 780x42.9375 children: not-inline
|
||||
BlockContainer <div> at (11,11) content-size 778x19.46875 children: not-inline
|
||||
TableWrapper <(anonymous)> at (11,11) content-size 29.15625x19.46875 children: not-inline
|
||||
TableBox <(anonymous)> at (11,11) content-size 29.15625x19.46875 children: not-inline
|
||||
TableWrapper <(anonymous)> at (11,11) content-size 29.15625x19.46875 [BFC] children: not-inline
|
||||
TableBox <(anonymous)> at (11,11) content-size 29.15625x19.46875 [TFC] children: not-inline
|
||||
TableRowBox <(anonymous)> at (11,11) content-size 29.15625x19.46875 children: not-inline
|
||||
TableCellBox <span> at (12,12) content-size 27.15625x17.46875 children: inline
|
||||
TableCellBox <span> at (12,12) content-size 27.15625x17.46875 [BFC] children: inline
|
||||
line 0 width: 27.15625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 3, rect: [12,12 27.15625x17.46875]
|
||||
"foo"
|
||||
TextNode <#text>
|
||||
BlockContainer <div> at (11,32.46875) content-size 778x19.46875 children: not-inline
|
||||
TableWrapper <(anonymous)> at (11,32.46875) content-size 29.640625x19.46875 children: not-inline
|
||||
TableBox <(anonymous)> at (11,32.46875) content-size 29.640625x19.46875 children: not-inline
|
||||
TableWrapper <(anonymous)> at (11,32.46875) content-size 29.640625x19.46875 [BFC] children: not-inline
|
||||
TableBox <(anonymous)> at (11,32.46875) content-size 29.640625x19.46875 [TFC] children: not-inline
|
||||
TableRowBox <(anonymous)> at (11,32.46875) content-size 29.640625x19.46875 children: not-inline
|
||||
TableCellBox <span> at (12,33.46875) content-size 27.640625x17.46875 children: inline
|
||||
TableCellBox <span> at (12,33.46875) content-size 27.640625x17.46875 [BFC] children: inline
|
||||
line 0 width: 27.640625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 3, rect: [12,33.46875 27.640625x17.46875]
|
||||
"bar"
|
||||
|
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user