1 layer at (0,0) size 785x729
2 RenderView at (0,0) size 785x600
3 layer at (0,0) size 785x729
4 RenderBlock {HTML} at (0,0) size 785x729
5 RenderBody {BODY} at (8,8) size 769x713 [bgcolor=#CCCCCC]
6 RenderBlock {P} at (0,0) size 769x20
7 RenderText {#text} at (0,0) size 337x19
8 text run at (0,0) width 337: "The style declarations which apply to the text below are:"
9 RenderBlock {PRE} at (0,36) size 769x48
10 RenderText {#text} at (0,0) size 360x48
11 text run at (0,0) width 352: ".zero {background-color: silver; margin: 0;}"
12 text run at (352,0) width 0: " "
13 text run at (0,16) width 352: ".one {margin: 25px; background-color: aqua;}"
14 text run at (352,16) width 0: " "
15 text run at (0,32) width 360: ".two {margin: -10px; background-color: aqua;}"
16 text run at (360,32) width 0: " "
17 RenderBlock {HR} at (0,97) size 769x2 [border: (1px inset #EEEEEE)]
18 RenderBlock {P} at (0,107) size 769x20 [bgcolor=#C0C0C0]
19 RenderText {#text} at (0,0) size 193x19
20 text run at (0,0) width 193: "This element has a class of zero."
21 RenderBlock {P} at (0,143) size 769x80 [bgcolor=#808080]
22 RenderText {#text} at (0,0) size 457x19
23 text run at (0,0) width 373: "This element is unstyled save for a background color of gray.. "
24 text run at (373,0) width 84: "It contains an "
25 RenderInline {SPAN} at (0,0) size 743x39 [bgcolor=#00FFFF]
26 RenderText {#text} at (482,0) size 133x19
27 text run at (482,0) width 133: "inline element of class "
28 RenderInline {TT} at (0,0) size 24x16
29 RenderText {#text} at (615,3) size 24x16
30 text run at (615,3) width 24: "one"
31 RenderText {#text} at (639,0) size 743x39
32 text run at (639,0) width 104: ", giving it an aqua"
33 text run at (0,20) width 188: "background and a 25px margin"
34 RenderText {#text} at (213,20) size 767x59
35 text run at (213,20) width 8: ". "
36 text run at (221,20) width 546: "Margins on inline elements does not affect line-height calculations, so all lines in this element"
37 text run at (0,40) width 201: "should have the same line-height. "
38 text run at (201,40) width 530: "However, there should be a 25px margin to the left side of the inline box in the first line it"
39 text run at (0,60) width 605: "appears, and a 25px margin to the right side of the inline element box in the last line where it appears."
40 RenderBlock {P} at (0,239) size 769x20 [bgcolor=#C0C0C0]
41 RenderText {#text} at (0,0) size 193x19
42 text run at (0,0) width 193: "This element has a class of zero."
43 RenderBlock {P} at (0,275) size 769x80 [bgcolor=#808080]
44 RenderText {#text} at (0,0) size 457x19
45 text run at (0,0) width 373: "This element is unstyled save for a background color of gray.. "
46 text run at (373,0) width 84: "It contains an "
47 RenderInline {SPAN} at (0,0) size 708x39 [bgcolor=#00FFFF]
48 RenderText {#text} at (447,0) size 133x19
49 text run at (447,0) width 133: "inline element of class "
50 RenderInline {TT} at (0,0) size 24x16
51 RenderText {#text} at (580,3) size 24x16
52 text run at (580,3) width 24: "two"
53 RenderText {#text} at (604,0) size 708x39
54 text run at (604,0) width 104: ", giving it an aqua"
55 text run at (0,20) width 194: "background and a -10px margin"
56 RenderText {#text} at (184,20) size 738x59
57 text run at (184,20) width 8: ". "
58 text run at (192,20) width 546: "Margins on inline elements does not affect line-height calculations, so all lines in this element"
59 text run at (0,40) width 201: "should have the same line-height. "
60 text run at (201,40) width 536: "However, there should be a -10px margin to the left side of the inline box in the first line it"
61 text run at (0,60) width 611: "appears, and a -10px margin to the right side of the inline element box in the last line where it appears."
62 RenderBlock {P} at (0,371) size 769x20 [bgcolor=#C0C0C0]
63 RenderText {#text} at (0,0) size 193x19
64 text run at (0,0) width 193: "This element has a class of zero."
65 RenderTable {TABLE} at (0,391) size 769x322 [border: (1px outset #808080)]
66 RenderTableSection {TBODY} at (1,1) size 767x320
67 RenderTableRow {TR} at (0,0) size 767x28
68 RenderTableCell {TD} at (0,0) size 767x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
69 RenderInline {STRONG} at (0,0) size 159x19
70 RenderText {#text} at (4,4) size 159x19
71 text run at (4,4) width 159: "TABLE Testing Section"
72 RenderTableRow {TR} at (0,28) size 767x292
73 RenderTableCell {TD} at (0,160) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
74 RenderText {#text} at (4,4) size 4x19
75 text run at (4,4) width 4: " "
76 RenderTableCell {TD} at (12,28) size 755x292 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
77 RenderBlock {P} at (4,4) size 747x20 [bgcolor=#C0C0C0]
78 RenderText {#text} at (0,0) size 193x19
79 text run at (0,0) width 193: "This element has a class of zero."
80 RenderBlock {P} at (4,40) size 747x80 [bgcolor=#808080]
81 RenderText {#text} at (0,0) size 457x19
82 text run at (0,0) width 373: "This element is unstyled save for a background color of gray.. "
83 text run at (373,0) width 84: "It contains an "
84 RenderInline {SPAN} at (0,0) size 743x39 [bgcolor=#00FFFF]
85 RenderText {#text} at (482,0) size 133x19
86 text run at (482,0) width 133: "inline element of class "
87 RenderInline {TT} at (0,0) size 24x16
88 RenderText {#text} at (615,3) size 24x16
89 text run at (615,3) width 24: "one"
90 RenderText {#text} at (639,0) size 743x39
91 text run at (639,0) width 104: ", giving it an aqua"
92 text run at (0,20) width 188: "background and a 25px margin"
93 RenderText {#text} at (213,20) size 746x59
94 text run at (213,20) width 8: ". "
95 text run at (221,20) width 496: "Margins on inline elements does not affect line-height calculations, so all lines in this"
96 text run at (0,40) width 251: "element should have the same line-height. "
97 text run at (251,40) width 495: "However, there should be a 25px margin to the left side of the inline box in the first"
98 text run at (0,60) width 640: "line it appears, and a 25px margin to the right side of the inline element box in the last line where it appears."
99 RenderBlock {P} at (4,136) size 747x20 [bgcolor=#C0C0C0]
100 RenderText {#text} at (0,0) size 193x19
101 text run at (0,0) width 193: "This element has a class of zero."
102 RenderBlock {P} at (4,172) size 747x80 [bgcolor=#808080]
103 RenderText {#text} at (0,0) size 457x19
104 text run at (0,0) width 373: "This element is unstyled save for a background color of gray.. "
105 text run at (373,0) width 84: "It contains an "
106 RenderInline {SPAN} at (0,0) size 708x39 [bgcolor=#00FFFF]
107 RenderText {#text} at (447,0) size 133x19
108 text run at (447,0) width 133: "inline element of class "
109 RenderInline {TT} at (0,0) size 24x16
110 RenderText {#text} at (580,3) size 24x16
111 text run at (580,3) width 24: "two"
112 RenderText {#text} at (604,0) size 708x39
113 text run at (604,0) width 104: ", giving it an aqua"
114 text run at (0,20) width 194: "background and a -10px margin"
115 RenderText {#text} at (184,20) size 738x59
116 text run at (184,20) width 8: ". "
117 text run at (192,20) width 546: "Margins on inline elements does not affect line-height calculations, so all lines in this element"
118 text run at (0,40) width 201: "should have the same line-height. "
119 text run at (201,40) width 536: "However, there should be a -10px margin to the left side of the inline box in the first line it"
120 text run at (0,60) width 611: "appears, and a -10px margin to the right side of the inline element box in the last line where it appears."
121 RenderBlock {P} at (4,268) size 747x20 [bgcolor=#C0C0C0]
122 RenderText {#text} at (0,0) size 193x19
123 text run at (0,0) width 193: "This element has a class of zero."