1 layer at (0,0) size 784x1029
2 RenderView at (0,0) size 784x600
3 layer at (0,0) size 784x1029
4 RenderBlock {HTML} at (0,0) size 784x1029
5 RenderBody {BODY} at (8,8) size 768x1013 [bgcolor=#CCCCCC]
6 RenderBlock {P} at (0,0) size 768x21
7 RenderText {#text} at (0,0) size 395x21
8 text run at (0,0) width 395: "The style declarations which apply to the text below are:"
9 RenderBlock {PRE} at (0,37) size 768x68
10 RenderText {#text} at (0,0) size 110x68
11 text run at (0,0) width 95: ".one {clear: left;}"
12 text run at (95,0) width 0: " "
13 text run at (0,17) width 101: ".two {clear: right;}"
14 text run at (101,17) width 0: " "
15 text run at (0,34) width 110: ".three {clear: both;}"
16 text run at (110,34) width 0: " "
17 text run at (0,51) width 106: ".four {clear: none;}"
18 text run at (106,51) width 0: " "
19 RenderBlock {HR} at (0,118) size 768x2 [border: (1px inset #000000)]
20 RenderImage {IMG} at (0,128) size 15x50
21 RenderBlock {P} at (0,136) size 768x21
22 RenderText {#text} at (18,0) size 659x21
23 text run at (18,0) width 659: "This text should be flowing past a tall orange rectangle on the left side of the browser window."
24 RenderBlock (anonymous) at (0,173) size 768x21
25 RenderBR {BR} at (18,0) size 0x21
26 RenderImage {IMG} at (0,21) size 15x50
27 RenderBlock {P} at (0,244) size 768x21
28 RenderText {#text} at (0,0) size 727x21
29 text run at (0,0) width 727: "This paragraph should appear below the tall orange rectangle above and to the left, and not flow past it."
30 RenderBlock (anonymous) at (0,281) size 768x21
31 RenderBR {BR} at (0,0) size 0x21
32 RenderImage {IMG} at (753,21) size 15x50
33 RenderBlock {P} at (0,352) size 768x21
34 RenderText {#text} at (0,0) size 737x21
35 text run at (0,0) width 737: "This paragraph should appear below the tall orange rectangle above and to the right, and not flow past it."
36 RenderBlock (anonymous) at (0,389) size 768x21
37 RenderBR {BR} at (0,0) size 0x21
38 RenderImage {IMG} at (0,21) size 15x50
39 RenderImage {IMG} at (753,21) size 15x50
40 RenderBlock {P} at (0,460) size 768x21
41 RenderText {#text} at (0,0) size 675x21
42 text run at (0,0) width 675: "This paragraph should appear below the two tall orange rectangles, and not flow between them."
43 RenderImage {IMG} at (0,497) size 15x50
44 RenderImage {IMG} at (753,497) size 15x50
45 RenderBlock {P} at (0,497) size 768x21
46 RenderText {#text} at (18,0) size 443x21
47 text run at (18,0) width 443: "This paragraph should be between both tall orange rectangles."
48 RenderBlock (anonymous) at (0,534) size 768x21
49 RenderBR {BR} at (18,0) size 0x21
50 RenderTable {TABLE} at (0,555) size 759x458 [border: (1px outset #808080)]
51 RenderTableSection {TBODY} at (1,1) size 757x456
52 RenderTableRow {TR} at (0,0) size 757x29
53 RenderTableCell {TD} at (0,0) size 757x29 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
54 RenderInline {STRONG} at (0,0) size 178x21
55 RenderText {#text} at (4,4) size 178x21
56 text run at (4,4) width 178: "TABLE Testing Section"
57 RenderTableRow {TR} at (0,29) size 757x427
58 RenderTableCell {TD} at (0,228) size 12x29 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
59 RenderText {#text} at (4,4) size 4x21
60 text run at (4,4) width 4: " "
61 RenderTableCell {TD} at (12,29) size 745x427 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
62 RenderImage {IMG} at (4,4) size 15x50
63 RenderBlock {P} at (4,4) size 737x21
64 RenderText {#text} at (18,0) size 659x21
65 text run at (18,0) width 659: "This text should be flowing past a tall orange rectangle on the left side of the browser window."
66 RenderBlock (anonymous) at (4,41) size 737x21
67 RenderBR {BR} at (18,0) size 0x21
68 RenderImage {IMG} at (0,21) size 15x50
69 RenderBlock {P} at (4,112) size 737x21
70 RenderText {#text} at (0,0) size 727x21
71 text run at (0,0) width 727: "This paragraph should appear below the tall orange rectangle above and to the left, and not flow past it."
72 RenderBlock (anonymous) at (4,149) size 737x21
73 RenderBR {BR} at (0,0) size 0x21
74 RenderImage {IMG} at (722,21) size 15x50
75 RenderBlock {P} at (4,220) size 737x21
76 RenderText {#text} at (0,0) size 737x21
77 text run at (0,0) width 737: "This paragraph should appear below the tall orange rectangle above and to the right, and not flow past it."
78 RenderBlock (anonymous) at (4,257) size 737x21
79 RenderBR {BR} at (0,0) size 0x21
80 RenderImage {IMG} at (0,21) size 15x50
81 RenderImage {IMG} at (722,21) size 15x50
82 RenderBlock {P} at (4,328) size 737x21
83 RenderText {#text} at (0,0) size 675x21
84 text run at (0,0) width 675: "This paragraph should appear below the two tall orange rectangles, and not flow between them."
85 RenderImage {IMG} at (4,365) size 15x50
86 RenderImage {IMG} at (726,365) size 15x50
87 RenderBlock {P} at (4,365) size 737x21
88 RenderText {#text} at (18,0) size 443x21
89 text run at (18,0) width 443: "This paragraph should be between both tall orange rectangles."
90 RenderBlock (anonymous) at (4,402) size 737x21
91 RenderBR {BR} at (18,0) size 0x21