1 layer at (0,0) size 785x1177
2 RenderView at (0,0) size 785x600
3 layer at (0,0) size 785x1177
4 RenderBlock {HTML} at (0,0) size 785x1177
5 RenderBody {BODY} at (8,8) size 769x1161 [bgcolor=#CCCCCC]
6 RenderBlock {P} at (0,0) size 769x18
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 769x96
10 RenderText {#text} at (0,0) size 576x96
11 text run at (0,0) width 408: ".zero {background-color: silver; padding-right: 0;}"
12 text run at (408,0) width 0: " "
13 text run at (0,16) width 568: ".one {padding-right: 0.5in; text-align: right; background-color: aqua;}"
14 text run at (568,16) width 0: " "
15 text run at (0,32) width 560: ".two {padding-right: 25px; text-align: right; background-color: aqua;}"
16 text run at (560,32) width 0: " "
17 text run at (0,48) width 568: ".three {padding-right: 5em; text-align: right; background-color: aqua;}"
18 text run at (568,48) width 0: " "
19 text run at (0,64) width 560: ".four {padding-right: 25%; text-align: right; background-color: aqua;}"
20 text run at (560,64) width 0: " "
21 text run at (0,80) width 576: ".five {padding-right: -20px; text-align: right; background-color: aqua;}"
22 text run at (576,80) width 0: " "
23 RenderBlock {HR} at (0,143) size 769x2 [border: (1px inset #EEEEEE)]
24 RenderBlock {P} at (0,161) size 769x18 [bgcolor=#C0C0C0]
25 RenderText {#text} at (0,0) size 208x17
26 text run at (0,0) width 208: "This element has a class of zero."
27 RenderBlock {P} at (0,195) size 769x54 [bgcolor=#00FFFF]
28 RenderText {#text} at (10,0) size 711x53
29 text run at (10,0) width 657: "This element should have a right padding of half an inch, which will require extra text in order to test. "
30 text run at (666,0) width 55: "Both the"
31 text run at (34,18) width 418: "content background and the padding should be aqua (light blue). "
32 text run at (451,18) width 270: "The text has been right-aligned in order to"
33 text run at (486,36) width 235: "make the right padding easier to see."
34 RenderBlock {P} at (0,265) size 769x54 [bgcolor=#00FFFF]
35 RenderText {#text} at (50,0) size 725x53
36 text run at (50,0) width 640: "This element should have a right padding of 25 pixels, which will require extra text in order to test. "
37 text run at (689,0) width 55: "Both the"
38 text run at (19,18) width 417: "content background and the padding should be aqua (light blue). "
39 text run at (435,18) width 309: "The text has been right-aligned in order to make"
40 text run at (548,36) width 196: "the right padding easier to see."
41 RenderBlock {P} at (0,335) size 769x54 [bgcolor=#00FFFF]
42 RenderText {#text} at (22,0) size 687x53
43 text run at (22,0) width 613: "This element should have a right padding of 5 em, which will require extra text in order to test. "
44 text run at (634,0) width 55: "Both the"
45 text run at (2,18) width 418: "content background and the padding should be aqua (light blue). "
46 text run at (419,18) width 270: "The text has been right-aligned in order to"
47 text run at (454,36) width 235: "make the right padding easier to see."
48 RenderBlock {P} at (0,405) size 769x72 [bgcolor=#00FFFF]
49 RenderText {#text} at (8,0) size 576x71
50 text run at (8,0) width 569: "This element should have a right padding of 25%, which is calculated with respect to the"
51 text run at (1,18) width 185: "width of the parent element. "
52 text run at (185,18) width 392: "Both the content background and the padding should be aqua"
53 text run at (17,36) width 81: "(light blue). "
54 text run at (97,36) width 480: "The text has been right-aligned in order to make the right padding easier to"
55 text run at (552,54) width 25: "see."
56 RenderBlock {UL} at (0,493) size 769x72 [bgcolor=#808080]
57 RenderListItem {LI} at (40,0) size 704x36
58 RenderListMarker at (-17,0) size 7x17: bullet
59 RenderText {#text} at (8,0) size 696x35
60 text run at (8,0) width 696: "The right padding on this unordered list has been set to 25 pixels, which will require some extra text in order"
61 text run at (661,18) width 43: "to test."
62 RenderListItem {LI} at (40,36) size 704x36 [bgcolor=#FFFFFF]
63 RenderListMarker at (-17,0) size 7x17: bullet
64 RenderText {#text} at (5,0) size 674x35
65 text run at (5,0) width 674: "This list item has a right padding of 25 pixels, which will appear to the left of the gray padding of the UL"
66 text run at (624,18) width 55: "element."
67 RenderBlock {P} at (0,581) size 769x54 [bgcolor=#00FFFF]
68 RenderText {#text} at (79,0) size 747x53
69 text run at (79,0) width 585: "This element should have no right padding, since negative padding values are not allowed. "
70 text run at (663,0) width 106: "Both the content"
71 text run at (22,18) width 416: "background and the normal padding should be aqua (light blue). "
72 text run at (437,18) width 332: "The text has been right-aligned in order to make the"
73 text run at (549,36) width 220: "lack of right padding easier to see."
74 RenderTable {TABLE} at (0,651) size 769x510 [border: (1px outset #808080)]
75 RenderTableSection {TBODY} at (1,1) size 767x508
76 RenderTableRow {TR} at (0,0) size 767x26
77 RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
78 RenderInline {STRONG} at (0,0) size 163x17
79 RenderText {#text} at (4,4) size 163x17
80 text run at (4,4) width 163: "TABLE Testing Section"
81 RenderTableRow {TR} at (0,26) size 767x482
82 RenderTableCell {TD} at (0,254) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
83 RenderText {#text} at (4,4) size 4x17
84 text run at (4,4) width 4: " "
85 RenderTableCell {TD} at (12,26) size 755x482 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
86 RenderBlock {P} at (4,4) size 747x18 [bgcolor=#C0C0C0]
87 RenderText {#text} at (0,0) size 208x17
88 text run at (0,0) width 208: "This element has a class of zero."
89 RenderBlock {P} at (4,38) size 747x54 [bgcolor=#00FFFF]
90 RenderText {#text} at (12,0) size 694x53
91 text run at (12,0) width 656: "This element should have a right padding of half an inch, which will require extra text in order to test. "
92 text run at (667,0) width 32: "Both"
93 text run at (5,18) width 441: "the content background and the padding should be aqua (light blue). "
94 text run at (445,18) width 254: "The text has been right-aligned in order"
95 text run at (448,36) width 251: "to make the right padding easier to see."
96 RenderBlock {P} at (4,108) size 747x54 [bgcolor=#00FFFF]
97 RenderText {#text} at (28,0) size 694x53
98 text run at (28,0) width 640: "This element should have a right padding of 25 pixels, which will require extra text in order to test. "
99 text run at (667,0) width 55: "Both the"
100 text run at (35,18) width 418: "content background and the padding should be aqua (light blue). "
101 text run at (452,18) width 270: "The text has been right-aligned in order to"
102 text run at (487,36) width 235: "make the right padding easier to see."
103 RenderBlock {P} at (4,178) size 747x54 [bgcolor=#00FFFF]
104 RenderText {#text} at (0,0) size 667x53
105 text run at (0,0) width 613: "This element should have a right padding of 5 em, which will require extra text in order to test. "
106 text run at (612,0) width 55: "Both the"
107 text run at (35,18) width 417: "content background and the padding should be aqua (light blue). "
108 text run at (451,18) width 216: "The text has been right-aligned in"
109 text run at (378,36) width 289: "order to make the right padding easier to see."
110 RenderBlock {P} at (4,248) size 747x72 [bgcolor=#00FFFF]
111 RenderText {#text} at (15,0) size 556x71
112 text run at (15,0) width 546: "This element should have a right padding of 25%, which is calculated with respect to"
113 text run at (14,18) width 209: "the width of the parent element. "
114 text run at (222,18) width 339: "Both the content background and the padding should"
115 text run at (5,36) width 134: "be aqua (light blue). "
116 text run at (138,36) width 423: "The text has been right-aligned in order to make the right padding"
117 text run at (478,54) width 83: "easier to see."
118 RenderBlock {UL} at (4,336) size 747x72 [bgcolor=#808080]
119 RenderListItem {LI} at (40,0) size 682x36
120 RenderListMarker at (-17,0) size 7x17: bullet
121 RenderText {#text} at (24,0) size 658x35
122 text run at (24,0) width 658: "The right padding on this unordered list has been set to 25 pixels, which will require some extra text in"
123 text run at (601,18) width 81: "order to test."
124 RenderListItem {LI} at (40,36) size 682x36 [bgcolor=#FFFFFF]
125 RenderListMarker at (-17,0) size 7x17: bullet
126 RenderText {#text} at (9,0) size 648x35
127 text run at (9,0) width 648: "This list item has a right padding of 25 pixels, which will appear to the left of the gray padding of the"
128 text run at (577,18) width 80: "UL element."
129 RenderBlock {P} at (4,424) size 747x54 [bgcolor=#00FFFF]
130 RenderText {#text} at (57,0) size 747x53
131 text run at (57,0) width 585: "This element should have no right padding, since negative padding values are not allowed. "
132 text run at (641,0) width 106: "Both the content"
133 text run at (0,18) width 416: "background and the normal padding should be aqua (light blue). "
134 text run at (415,18) width 332: "The text has been right-aligned in order to make the"
135 text run at (527,36) width 220: "lack of right padding easier to see."