1 layer at (0,0) size 800x600
2 LayoutView at (0,0) size 800x600
3 layer at (0,0) size 800x190
4 LayoutBlockFlow {HTML} at (0,0) size 800x190
5 LayoutBlockFlow {BODY} at (8,16) size 784x40
6 LayoutBlockFlow {P} at (0,0) size 784x40
7 LayoutText {#text} at (0,0) size 101x19
8 text run at (0,0) width 101: "There should be "
9 LayoutInline {STRONG} at (0,0) size 143x19
10 LayoutText {#text} at (101,0) size 143x19
11 text run at (101,0) width 143: "5 filled green squares"
12 LayoutText {#text} at (244,0) size 175x19
13 text run at (244,0) width 175: " with the same width and the "
14 LayoutInline {STRONG} at (0,0) size 80x19
15 LayoutText {#text} at (419,0) size 80x19
16 text run at (419,0) width 80: "same height"
17 LayoutText {#text} at (499,0) size 228x19
18 text run at (499,0) width 228: ". The 5 filled green squares should be "
19 LayoutInline {STRONG} at (0,0) size 56x19
20 LayoutText {#text} at (727,0) size 56x19
21 text run at (727,0) width 56: "identical"
22 LayoutText {#text} at (0,20) size 417x19
23 text run at (0,20) width 417: "to each other. This should still remain true even after a window resize."
24 LayoutBlockFlow {DIV} at (0,56) size 784x0
25 LayoutImage (floating) {IMG} at (0,0) size 117.59x118
26 LayoutImage (floating) {IMG} at (117.59,0) size 5x5
27 LayoutImage (floating) {IMG} at (122.59,0) size 117.59x118
28 LayoutImage (floating) {IMG} at (240.19,0) size 5x5
29 LayoutImage (floating) {IMG} at (245.19,0) size 117.59x118
30 LayoutImage (floating) {IMG} at (362.78,0) size 5x5
31 LayoutImage (floating) {IMG} at (367.78,0) size 117.59x118
32 LayoutImage (floating) {IMG} at (485.38,0) size 5x5
33 LayoutImage (floating) {IMG} at (490.38,0) size 117.59x118