1 layer at (0,0) size 786x1023
2 RenderView at (0,0) size 784x584
3 layer at (0,0) size 784x1023
4 RenderBlock {HTML} at (0,0) size 784x1023
5 RenderBody {BODY} at (8,8) size 768x1007 [bgcolor=#CCCCCC]
6 RenderBlock {P} at (0,0) size 768x18
7 RenderText {#text} at (0,0) size 363x17
8 text run at (0,0) width 363: "The style declarations which apply to the text below are:"
9 RenderBlock {PRE} at (0,34) size 768x90
10 RenderText {#text} at (0,0) size 547x90
11 text run at (0,0) width 539: ".zero {background-color: silver; margin-right: 0; text-align: right;}"
12 text run at (538,0) width 1: " "
13 text run at (0,15) width 547: ".one {margin-right: 0.5in; text-align: right; background-color: aqua;}"
14 text run at (546,15) width 1: " "
15 text run at (0,30) width 539: ".two {margin-right: 25px; text-align: right; background-color: aqua;}"
16 text run at (538,30) width 1: " "
17 text run at (0,45) width 547: ".three {margin-right: 5em; text-align: right; background-color: aqua;}"
18 text run at (546,45) width 1: " "
19 text run at (0,60) width 539: ".four {margin-right: 25%; text-align: right; background-color: aqua;}"
20 text run at (538,60) width 1: " "
21 text run at (0,75) width 406: ".five {margin-right: -10px; background-color: aqua;}"
22 text run at (405,75) width 1: " "
23 RenderBlock {HR} at (0,137) size 768x2 [border: (1px inset #000000)]
24 RenderBlock {P} at (0,155) size 768x18 [bgcolor=#C0C0C0]
25 RenderText {#text} at (560,0) size 208x17
26 text run at (560,0) width 208: "This element has a class of zero."
27 RenderBlock {P} at (0,189) size 720x18 [bgcolor=#00FFFF]
28 RenderText {#text} at (356,0) size 364x17
29 text run at (356,0) width 364: "This sentence should have a right margin of half an inch."
30 RenderBlock {P} at (0,223) size 743x18 [bgcolor=#00FFFF]
31 RenderText {#text} at (396,0) size 347x17
32 text run at (396,0) width 347: "This sentence should have a right margin of 25 pixels."
33 RenderBlock {P} at (0,257) size 688x18 [bgcolor=#00FFFF]
34 RenderText {#text} at (368,0) size 320x17
35 text run at (368,0) width 320: "This sentence should have a right margin of 5 em."
36 RenderBlock {P} at (0,291) size 576x36 [bgcolor=#00FFFF]
37 RenderText {#text} at (9,0) size 567x35
38 text run at (9,0) width 567: "This sentence should have a right margin of 25%, which is calculated with respect to the"
39 text run at (396,18) width 180: "width of the parent element."
40 RenderBlock {UL} at (0,343) size 743x108 [bgcolor=#808080]
41 RenderListItem {LI} at (40,0) size 703x36
42 RenderListMarker at (-17,0) size 7x17: bullet
43 RenderText {#text} at (26,0) size 677x35
44 text run at (26,0) width 677: "The right margin on this unordered list has been set to 25 pixels, and the background color has been set to"
45 text run at (670,18) width 33: "gray."
46 RenderListItem {LI} at (40,36) size 678x54 [bgcolor=#FFFFFF]
47 RenderListMarker at (-17,0) size 7x17: bullet
48 RenderText {#text} at (8,0) size 670x53
49 text run at (8,0) width 670: "Another list item might not be such a bad idea, either, considering that such things do need to be double-"
50 text run at (33,18) width 61: "checked. "
51 text run at (93,18) width 585: "This list item has its right margin also set to 25 pixels, which should combine with the list's"
52 text run at (139,36) width 539: "margin to make 50 pixels of margin, and its background-color has been set to white."
53 RenderListItem {LI} at (40,90) size 703x18
54 RenderListMarker at (-17,0) size 7x17: bullet
55 RenderText {#text} at (518,0) size 185x17
56 text run at (518,0) width 185: "This is an unclassed list item"
57 RenderBlock {P} at (0,467) size 768x18 [bgcolor=#C0C0C0]
58 RenderText {#text} at (560,0) size 208x17
59 text run at (560,0) width 208: "This element has a class of zero."
60 RenderBlock {P} at (0,501) size 778x54 [bgcolor=#00FFFF]
61 RenderText {#text} at (0,0) size 752x53
62 text run at (0,0) width 749: "This paragraph has a right margin of -10px, which should cause it to be wider than it might otherwise be, and it has a"
63 text run at (0,18) width 149: "light blue background. "
64 text run at (148,18) width 395: "In all other respects, however, the element should be normal. "
65 text run at (542,18) width 210: "No styles have been applied to it"
66 text run at (0,36) width 384: "besides the negative right margin and the background color."
67 RenderTable {TABLE} at (0,571) size 768x436 [border: (1px outset #808080)]
68 RenderTableSection {TBODY} at (1,1) size 766x434
69 RenderTableRow {TR} at (0,0) size 766x26
70 RenderTableCell {TD} at (0,0) size 766x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
71 RenderInline {STRONG} at (0,0) size 163x17
72 RenderText {#text} at (4,4) size 163x17
73 text run at (4,4) width 163: "TABLE Testing Section"
74 RenderTableRow {TR} at (0,26) size 766x408
75 RenderTableCell {TD} at (0,217) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
76 RenderText {#text} at (4,4) size 4x17
77 text run at (4,4) width 4: " "
78 RenderTableCell {TD} at (12,26) size 754x408 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
79 RenderBlock {P} at (4,4) size 746x18 [bgcolor=#C0C0C0]
80 RenderText {#text} at (538,0) size 208x17
81 text run at (538,0) width 208: "This element has a class of zero."
82 RenderBlock {P} at (4,38) size 698x18 [bgcolor=#00FFFF]
83 RenderText {#text} at (334,0) size 364x17
84 text run at (334,0) width 364: "This sentence should have a right margin of half an inch."
85 RenderBlock {P} at (4,72) size 721x18 [bgcolor=#00FFFF]
86 RenderText {#text} at (374,0) size 347x17
87 text run at (374,0) width 347: "This sentence should have a right margin of 25 pixels."
88 RenderBlock {P} at (4,106) size 666x18 [bgcolor=#00FFFF]
89 RenderText {#text} at (346,0) size 320x17
90 text run at (346,0) width 320: "This sentence should have a right margin of 5 em."
91 RenderBlock {P} at (4,140) size 560x36 [bgcolor=#00FFFF]
92 RenderText {#text} at (17,0) size 543x35
93 text run at (17,0) width 543: "This sentence should have a right margin of 25%, which is calculated with respect to"
94 text run at (356,18) width 204: "the width of the parent element."
95 RenderBlock {UL} at (4,192) size 721x108 [bgcolor=#808080]
96 RenderListItem {LI} at (40,0) size 681x36
97 RenderListMarker at (-17,0) size 7x17: bullet
98 RenderText {#text} at (4,0) size 677x35
99 text run at (4,0) width 677: "The right margin on this unordered list has been set to 25 pixels, and the background color has been set to"
100 text run at (648,18) width 33: "gray."
101 RenderListItem {LI} at (40,36) size 656x54 [bgcolor=#FFFFFF]
102 RenderListMarker at (-17,0) size 7x17: bullet
103 RenderText {#text} at (39,0) size 638x53
104 text run at (39,0) width 617: "Another list item might not be such a bad idea, either, considering that such things do need to be"
105 text run at (18,18) width 111: "double-checked. "
106 text run at (128,18) width 528: "This list item has its right margin also set to 25 pixels, which should combine with"
107 text run at (61,36) width 595: "the list's margin to make 50 pixels of margin, and its background-color has been set to white."
108 RenderListItem {LI} at (40,90) size 681x18
109 RenderListMarker at (-17,0) size 7x17: bullet
110 RenderText {#text} at (496,0) size 185x17
111 text run at (496,0) width 185: "This is an unclassed list item"
112 RenderBlock {P} at (4,316) size 746x18 [bgcolor=#C0C0C0]
113 RenderText {#text} at (538,0) size 208x17
114 text run at (538,0) width 208: "This element has a class of zero."
115 RenderBlock {P} at (4,350) size 756x54 [bgcolor=#00FFFF]
116 RenderText {#text} at (0,0) size 752x53
117 text run at (0,0) width 749: "This paragraph has a right margin of -10px, which should cause it to be wider than it might otherwise be, and it has a"
118 text run at (0,18) width 149: "light blue background. "
119 text run at (148,18) width 395: "In all other respects, however, the element should be normal. "
120 text run at (542,18) width 210: "No styles have been applied to it"
121 text run at (0,36) width 384: "besides the negative right margin and the background color."