1 layer at (0,0) size 787x1038
2 RenderView at (0,0) size 785x585
3 layer at (0,0) size 785x1038
4 RenderBlock {HTML} at (0,0) size 785x1038
5 RenderBody {BODY} at (8,8) size 769x1022 [bgcolor=#CCCCCC]
6 RenderBlock {P} at (0,0) size 769x19
7 RenderText {#text} at (0,0) size 355x19
8 text run at (0,0) width 355: "The style declarations which apply to the text below are:"
9 RenderBlock {PRE} at (0,35) size 769x90
10 RenderText {#text} at (0,0) size 560x90
11 text run at (0,0) width 552: ".zero {background-color: silver; margin-right: 0; text-align: right;}"
12 text run at (552,0) width 0: " "
13 text run at (0,15) width 560: ".one {margin-right: 0.5in; text-align: right; background-color: aqua;}"
14 text run at (560,15) width 0: " "
15 text run at (0,30) width 552: ".two {margin-right: 25px; text-align: right; background-color: aqua;}"
16 text run at (552,30) width 0: " "
17 text run at (0,45) width 560: ".three {margin-right: 5em; text-align: right; background-color: aqua;}"
18 text run at (560,45) width 0: " "
19 text run at (0,60) width 552: ".four {margin-right: 25%; text-align: right; background-color: aqua;}"
20 text run at (552,60) width 0: " "
21 text run at (0,75) width 416: ".five {margin-right: -10px; background-color: aqua;}"
22 text run at (416,75) width 0: " "
23 RenderBlock {HR} at (0,138) size 769x2 [border: (1px inset #000000)]
24 RenderBlock {P} at (0,156) size 769x19 [bgcolor=#C0C0C0]
25 RenderText {#text} at (566,0) size 203x19
26 text run at (566,0) width 203: "This element has a class of zero."
27 RenderBlock {P} at (0,191) size 721x19 [bgcolor=#00FFFF]
28 RenderText {#text} at (364,0) size 357x19
29 text run at (364,0) width 357: "This sentence should have a right margin of half an inch."
30 RenderBlock {P} at (0,226) size 744x19 [bgcolor=#00FFFF]
31 RenderText {#text} at (404,0) size 340x19
32 text run at (404,0) width 340: "This sentence should have a right margin of 25 pixels."
33 RenderBlock {P} at (0,261) size 689x19 [bgcolor=#00FFFF]
34 RenderText {#text} at (375,0) size 314x19
35 text run at (375,0) width 314: "This sentence should have a right margin of 5 em."
36 RenderBlock {P} at (0,296) size 577x38 [bgcolor=#00FFFF]
37 RenderText {#text} at (22,0) size 555x38
38 text run at (22,0) width 555: "This sentence should have a right margin of 25%, which is calculated with respect to the"
39 text run at (401,19) width 176: "width of the parent element."
40 RenderBlock {UL} at (0,350) size 744x95 [bgcolor=#808080]
41 RenderListItem {LI} at (40,0) size 704x19
42 RenderListMarker at (-18,0) size 7x19: bullet
43 RenderText {#text} at (4,0) size 700x19
44 text run at (4,0) width 700: "The right margin on this unordered list has been set to 25 pixels, and the background color has been set to gray."
45 RenderListItem {LI} at (40,19) size 679x57 [bgcolor=#FFFFFF]
46 RenderListMarker at (-18,0) size 7x19: bullet
47 RenderText {#text} at (23,0) size 677x57
48 text run at (23,0) width 656: "Another list item might not be such a bad idea, either, considering that such things do need to be double-"
49 text run at (2,19) width 60: "checked. "
50 text run at (62,19) width 617: "This list item has its right margin also set to 25 pixels, which should combine with the list's margin"
51 text run at (199,38) width 480: "to make 50 pixels of margin, and its background-color has been set to white."
52 RenderListItem {LI} at (40,76) size 704x19
53 RenderListMarker at (-18,0) size 7x19: bullet
54 RenderText {#text} at (525,0) size 179x19
55 text run at (525,0) width 179: "This is an unclassed list item"
56 RenderBlock {P} at (0,461) size 769x19 [bgcolor=#C0C0C0]
57 RenderText {#text} at (566,0) size 203x19
58 text run at (566,0) width 203: "This element has a class of zero."
59 RenderBlock {P} at (0,496) size 779x57 [bgcolor=#00FFFF]
60 RenderText {#text} at (0,0) size 778x57
61 text run at (0,0) width 767: "This paragraph has a right margin of -10px, which should cause it to be wider than it might otherwise be, and it has a light"
62 text run at (0,19) width 114: "blue background. "
63 text run at (114,19) width 386: "In all other respects, however, the element should be normal. "
64 text run at (500,19) width 278: "No styles have been applied to it besides the"
65 text run at (0,38) width 303: "negative right margin and the background color."
66 RenderTable {TABLE} at (0,569) size 769x453 [border: (1px outset #808080)]
67 RenderTableSection {TBODY} at (1,1) size 767x451
68 RenderTableRow {TR} at (0,0) size 767x27
69 RenderTableCell {TD} at (0,0) size 767x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
70 RenderInline {STRONG} at (0,0) size 163x19
71 RenderText {#text} at (4,4) size 163x19
72 text run at (4,4) width 163: "TABLE Testing Section"
73 RenderTableRow {TR} at (0,27) size 767x424
74 RenderTableCell {TD} at (0,225) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
75 RenderText {#text} at (4,4) size 4x19
76 text run at (4,4) width 4: " "
77 RenderTableCell {TD} at (12,27) size 755x424 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
78 RenderBlock {P} at (4,4) size 747x19 [bgcolor=#C0C0C0]
79 RenderText {#text} at (544,0) size 203x19
80 text run at (544,0) width 203: "This element has a class of zero."
81 RenderBlock {P} at (4,39) size 699x19 [bgcolor=#00FFFF]
82 RenderText {#text} at (342,0) size 357x19
83 text run at (342,0) width 357: "This sentence should have a right margin of half an inch."
84 RenderBlock {P} at (4,74) size 722x19 [bgcolor=#00FFFF]
85 RenderText {#text} at (382,0) size 340x19
86 text run at (382,0) width 340: "This sentence should have a right margin of 25 pixels."
87 RenderBlock {P} at (4,109) size 667x19 [bgcolor=#00FFFF]
88 RenderText {#text} at (353,0) size 314x19
89 text run at (353,0) width 314: "This sentence should have a right margin of 5 em."
90 RenderBlock {P} at (4,144) size 561x38 [bgcolor=#00FFFF]
91 RenderText {#text} at (6,0) size 555x38
92 text run at (6,0) width 555: "This sentence should have a right margin of 25%, which is calculated with respect to the"
93 text run at (385,19) width 176: "width of the parent element."
94 RenderBlock {UL} at (4,198) size 722x114 [bgcolor=#808080]
95 RenderListItem {LI} at (40,0) size 682x38
96 RenderListMarker at (-18,0) size 7x19: bullet
97 RenderText {#text} at (18,0) size 664x38
98 text run at (18,0) width 664: "The right margin on this unordered list has been set to 25 pixels, and the background color has been set to"
99 text run at (650,19) width 32: "gray."
100 RenderListItem {LI} at (40,38) size 657x57 [bgcolor=#FFFFFF]
101 RenderListMarker at (-18,0) size 7x19: bullet
102 RenderText {#text} at (1,0) size 656x57
103 text run at (1,0) width 656: "Another list item might not be such a bad idea, either, considering that such things do need to be double-"
104 text run at (28,19) width 60: "checked. "
105 text run at (88,19) width 569: "This list item has its right margin also set to 25 pixels, which should combine with the list's"
106 text run at (129,38) width 528: "margin to make 50 pixels of margin, and its background-color has been set to white."
107 RenderListItem {LI} at (40,95) size 682x19
108 RenderListMarker at (-18,0) size 7x19: bullet
109 RenderText {#text} at (503,0) size 179x19
110 text run at (503,0) width 179: "This is an unclassed list item"
111 RenderBlock {P} at (4,328) size 747x19 [bgcolor=#C0C0C0]
112 RenderText {#text} at (544,0) size 203x19
113 text run at (544,0) width 203: "This element has a class of zero."
114 RenderBlock {P} at (4,363) size 757x57 [bgcolor=#00FFFF]
115 RenderText {#text} at (0,0) size 737x57
116 text run at (0,0) width 735: "This paragraph has a right margin of -10px, which should cause it to be wider than it might otherwise be, and it has a"
117 text run at (0,19) width 146: "light blue background. "
118 text run at (146,19) width 386: "In all other respects, however, the element should be normal. "
119 text run at (532,19) width 205: "No styles have been applied to it"
120 text run at (0,38) width 376: "besides the negative right margin and the background color."