OLD | NEW |
1 layer at (0,0) size 785x2714 | 1 layer at (0,0) size 785x2714 |
2 RenderView at (0,0) size 785x600 | 2 RenderView at (0,0) size 785x600 |
3 layer at (0,0) size 785x2714 | 3 layer at (0,0) size 785x2714 |
4 RenderBlock {HTML} at (0,0) size 785x2714 | 4 RenderBlock {HTML} at (0,0) size 785x2714 |
5 RenderBody {BODY} at (8,8) size 769x2698 [bgcolor=#CCCCCC] | 5 RenderBody {BODY} at (8,8) size 769x2698 [bgcolor=#CCCCCC] |
6 RenderBlock (floating) {P} at (0,0) size 385x36 [bgcolor=#FFFF00] | 6 RenderBlock (floating) {P} at (0,0) size 385x36 [bgcolor=#FFFF00] |
7 RenderText {#text} at (0,0) size 384x36 | 7 RenderText {#text} at (0,0) size 384x36 |
8 text run at (0,0) width 384: "This paragraph is of class \"one\". It h
as a width of 50% and" | 8 text run at (0,0) width 384: "This paragraph is of class \"one\". It h
as a width of 50% and" |
9 text run at (0,18) width 124: "is floated to the left." | 9 text run at (0,18) width 124: "is floated to the left." |
10 RenderBlock {P} at (0,0) size 769x90 | 10 RenderBlock {P} at (0,0) size 769x90 |
11 RenderText {#text} at (385,0) size 769x90 | 11 RenderText {#text} at (385,0) size 769x90 |
12 text run at (385,0) width 384: "This paragraph should start on the rig
ht side of a yellow box" | 12 text run at (385,0) width 384: "This paragraph should start on the rig
ht side of a yellow box" |
13 text run at (385,18) width 384: "which contains the previous paragraph
. Since the text of this" | 13 text run at (385,18) width 384: "which contains the previous paragraph
. Since the text of this" |
14 text run at (0,36) width 769: "element is much longer than the text in
the previous element, the text will wrap around the yellow box. There is no" | 14 text run at (0,36) width 769: "element is much longer than the text in
the previous element, the text will wrap around the yellow box. There is no" |
15 text run at (0,54) width 769: "padding, border or margins on this and
the previous element, so the text of the two elements should be very close to ea
ch" | 15 text run at (0,54) width 769: "padding, border or margins on this and
the previous element, so the text of the two elements should be very close to ea
ch" |
16 text run at (0,72) width 36: "other." | 16 text run at (0,72) width 36: "other." |
17 RenderBlock (anonymous) at (0,90) size 769x18 | 17 RenderBlock (anonymous) at (0,90) size 769x18 |
18 RenderBR {BR} at (0,0) size 0x18 | 18 RenderBR {BR} at (0,0) size 0x18 |
19 RenderBlock {HR} at (0,116) size 769x2 [border: (1px inset #000000)] | 19 RenderBlock {HR} at (0,116) size 769x2 [border: (1px inset #EEEEEE)] |
20 RenderBlock (floating) {P} at (0,126) size 769x72 [bgcolor=#FFFF00] | 20 RenderBlock (floating) {P} at (0,126) size 769x72 [bgcolor=#FFFF00] |
21 RenderText {#text} at (0,0) size 769x72 | 21 RenderText {#text} at (0,0) size 769x72 |
22 text run at (0,0) width 769: "This paragraph is of class \"two\". Sinc
e the width has been set to 100%, it should automatically be as wide as its pare
nt" | 22 text run at (0,0) width 769: "This paragraph is of class \"two\". Sinc
e the width has been set to 100%, it should automatically be as wide as its pare
nt" |
23 text run at (0,18) width 769: "element allows it to be. Therefore, eve
n though the element is floated, there is no room for other content on the sides
and a" | 23 text run at (0,18) width 769: "element allows it to be. Therefore, eve
n though the element is floated, there is no room for other content on the sides
and a" |
24 text run at (0,36) width 769: "orange square image should be seen AFTE
R the paragraph, not next to it. A yellow background has been added to this" | 24 text run at (0,36) width 769: "orange square image should be seen AFTE
R the paragraph, not next to it. A yellow background has been added to this" |
25 text run at (0,54) width 217: "paragraph for diagnostic purposes." | 25 text run at (0,54) width 217: "paragraph for diagnostic purposes." |
26 RenderBlock (anonymous) at (0,126) size 769x91 | 26 RenderBlock (anonymous) at (0,126) size 769x91 |
27 RenderImage {IMG} at (0,72) size 15x15 | 27 RenderImage {IMG} at (0,72) size 15x15 |
28 RenderText {#text} at (15,73) size 4x18 | 28 RenderText {#text} at (15,73) size 4x18 |
29 text run at (15,73) width 4: " " | 29 text run at (15,73) width 4: " " |
30 RenderBR {BR} at (19,87) size 0x0 | 30 RenderBR {BR} at (19,87) size 0x0 |
31 RenderBlock {HR} at (0,225) size 769x2 [border: (1px inset #000000)] | 31 RenderBlock {HR} at (0,225) size 769x2 [border: (1px inset #EEEEEE)] |
32 RenderBlock (floating) {P} at (0,235) size 385x108 [bgcolor=#FFFF00] | 32 RenderBlock (floating) {P} at (0,235) size 385x108 [bgcolor=#FFFF00] |
33 RenderText {#text} at (0,0) size 384x108 | 33 RenderText {#text} at (0,0) size 384x108 |
34 text run at (0,0) width 384: "This paragraph is floated to the left an
d the orange square" | 34 text run at (0,0) width 384: "This paragraph is floated to the left an
d the orange square" |
35 text run at (0,18) width 384: "image should appear to the right of the
paragraph. This" | 35 text run at (0,18) width 384: "image should appear to the right of the
paragraph. This" |
36 text run at (0,36) width 384: "paragraph has a yellow background and n
o padding, margin" | 36 text run at (0,36) width 384: "paragraph has a yellow background and n
o padding, margin" |
37 text run at (0,54) width 384: "or border. The right edge of this yello
w box should be" | 37 text run at (0,54) width 384: "or border. The right edge of this yello
w box should be" |
38 text run at (0,72) width 384: "horizontally aligned with the left edge
of the yellow box" | 38 text run at (0,72) width 384: "horizontally aligned with the left edge
of the yellow box" |
39 text run at (0,90) width 79: "undernearth." | 39 text run at (0,90) width 79: "undernearth." |
40 RenderBlock (anonymous) at (0,235) size 769x108 | 40 RenderBlock (anonymous) at (0,235) size 769x108 |
41 RenderImage {IMG} at (385,0) size 15x15 | 41 RenderImage {IMG} at (385,0) size 15x15 |
42 RenderText {#text} at (400,1) size 4x18 | 42 RenderText {#text} at (400,1) size 4x18 |
43 text run at (400,1) width 4: " " | 43 text run at (400,1) width 4: " " |
44 RenderBR {BR} at (404,15) size 0x0 | 44 RenderBR {BR} at (404,15) size 0x0 |
45 RenderBlock {HR} at (0,351) size 769x2 [border: (1px inset #000000)] | 45 RenderBlock {HR} at (0,351) size 769x2 [border: (1px inset #EEEEEE)] |
46 RenderBlock (floating) {P} at (384,361) size 385x108 [bgcolor=#FFFF00] | 46 RenderBlock (floating) {P} at (384,361) size 385x108 [bgcolor=#FFFF00] |
47 RenderText {#text} at (0,0) size 384x108 | 47 RenderText {#text} at (0,0) size 384x108 |
48 text run at (0,0) width 384: "This paragraph is floated to the right (
using a STYLE" | 48 text run at (0,0) width 384: "This paragraph is floated to the right (
using a STYLE" |
49 text run at (0,18) width 384: "attribute) and the orange square image
should appear to the" | 49 text run at (0,18) width 384: "attribute) and the orange square image
should appear to the" |
50 text run at (0,36) width 384: "left of the paragraph. This paragraph h
as a yellow" | 50 text run at (0,36) width 384: "left of the paragraph. This paragraph h
as a yellow" |
51 text run at (0,54) width 384: "background and no padding, margin or bo
rder. The left edge" | 51 text run at (0,54) width 384: "background and no padding, margin or bo
rder. The left edge" |
52 text run at (0,72) width 384: "of this yellow box should be horizonall
y aligned with the" | 52 text run at (0,72) width 384: "of this yellow box should be horizonall
y aligned with the" |
53 text run at (0,90) width 224: "right edge of the yellow box above." | 53 text run at (0,90) width 224: "right edge of the yellow box above." |
54 RenderBlock (anonymous) at (0,361) size 769x108 | 54 RenderBlock (anonymous) at (0,361) size 769x108 |
55 RenderImage {IMG} at (0,0) size 15x15 | 55 RenderImage {IMG} at (0,0) size 15x15 |
56 RenderText {#text} at (15,1) size 4x18 | 56 RenderText {#text} at (15,1) size 4x18 |
57 text run at (15,1) width 4: " " | 57 text run at (15,1) width 4: " " |
58 RenderBR {BR} at (19,15) size 0x0 | 58 RenderBR {BR} at (19,15) size 0x0 |
59 RenderBlock {HR} at (0,477) size 769x2 [border: (1px inset #000000)] | 59 RenderBlock {HR} at (0,477) size 769x2 [border: (1px inset #EEEEEE)] |
60 RenderBlock {P} at (0,487) size 769x54 | 60 RenderBlock {P} at (0,487) size 769x54 |
61 RenderBlock (floating) {SPAN} at (0,0) size 48x37 [bgcolor=#C0C0C0] | 61 RenderBlock (floating) {SPAN} at (0,0) size 48x37 [bgcolor=#C0C0C0] |
62 RenderText {#text} at (0,0) size 21x37 | 62 RenderText {#text} at (0,0) size 21x37 |
63 text run at (0,0) width 21: "T" | 63 text run at (0,0) width 21: "T" |
64 RenderText {#text} at (48,0) size 721x54 | 64 RenderText {#text} at (48,0) size 721x54 |
65 text run at (48,0) width 721: "he first letter (a \"T\") of this parag
raph should float left and be twice the font-size of the rest of the paragraph,
as" | 65 text run at (48,0) width 721: "he first letter (a \"T\") of this parag
raph should float left and be twice the font-size of the rest of the paragraph,
as" |
66 text run at (48,18) width 496: "well as bold, with a content width of
1.5em and a background-color of silver. " | 66 text run at (48,18) width 496: "well as bold, with a content width of
1.5em and a background-color of silver. " |
67 text run at (544,18) width 225: "The top of the big letter \"T\" shoul
d" | 67 text run at (544,18) width 225: "The top of the big letter \"T\" shoul
d" |
68 text run at (48,36) width 675: "be vertically aligned with the top of
the first line of this paragraph. This is commonly known as \"drop-cap\"." | 68 text run at (48,36) width 675: "be vertically aligned with the top of
the first line of this paragraph. This is commonly known as \"drop-cap\"." |
69 RenderBlock (anonymous) at (0,541) size 769x18 | 69 RenderBlock (anonymous) at (0,541) size 769x18 |
70 RenderBR {BR} at (0,0) size 0x18 | 70 RenderBR {BR} at (0,0) size 0x18 |
71 RenderBlock {HR} at (0,567) size 769x2 [border: (1px inset #000000)] | 71 RenderBlock {HR} at (0,567) size 769x2 [border: (1px inset #EEEEEE)] |
72 RenderBlock (floating) {P} at (423,587) size 336x196 [bgcolor=#FFFF00] [bo
rder: (3px solid #FF0000)] | 72 RenderBlock (floating) {P} at (423,587) size 336x196 [bgcolor=#FFFF00] [bo
rder: (3px solid #FF0000)] |
73 RenderText {#text} at (8,8) size 320x180 | 73 RenderText {#text} at (8,8) size 320x180 |
74 text run at (8,8) width 320: "This paragraph should be floated to the
right, sort" | 74 text run at (8,8) width 320: "This paragraph should be floated to the
right, sort" |
75 text run at (8,26) width 320: "of like a 'sidebar' in a magazine artic
le. Its width is" | 75 text run at (8,26) width 320: "of like a 'sidebar' in a magazine artic
le. Its width is" |
76 text run at (8,44) width 320: "20em so the box should not be reformatt
ed when" | 76 text run at (8,44) width 320: "20em so the box should not be reformatt
ed when" |
77 text run at (8,62) width 320: "the size of the viewport is changed (e.
g. when the" | 77 text run at (8,62) width 320: "the size of the viewport is changed (e.
g. when the" |
78 text run at (8,80) width 320: "window is resized). The background colo
r of the" | 78 text run at (8,80) width 320: "window is resized). The background colo
r of the" |
79 text run at (8,98) width 320: "element is yellow, and there should be
a 3px solid" | 79 text run at (8,98) width 320: "element is yellow, and there should be
a 3px solid" |
80 text run at (8,116) width 320: "red border outside a 5px wide padding.
Also, the" | 80 text run at (8,116) width 320: "red border outside a 5px wide padding.
Also, the" |
81 text run at (8,134) width 320: "element has a 10px wide margin around
it where" | 81 text run at (8,134) width 320: "element has a 10px wide margin around
it where" |
(...skipping 11 matching lines...) Expand all Loading... |
93 text run at (0,90) width 413: "element, as the specification does not
say which is drawn \"on" | 93 text run at (0,90) width 413: "element, as the specification does not
say which is drawn \"on" |
94 text run at (0,108) width 37: "top.\" " | 94 text run at (0,108) width 37: "top.\" " |
95 text run at (37,108) width 376: "Even if the floated element is obscur
ed, it still forces the" | 95 text run at (37,108) width 376: "Even if the floated element is obscur
ed, it still forces the" |
96 text run at (0,126) width 263: "content of this element to flow around
it. " | 96 text run at (0,126) width 263: "content of this element to flow around
it. " |
97 text run at (263,126) width 150: "If the floated element is" | 97 text run at (263,126) width 150: "If the floated element is" |
98 text run at (0,144) width 413: "not obscured, then the blue rectangle
of this paragraph should" | 98 text run at (0,144) width 413: "not obscured, then the blue rectangle
of this paragraph should" |
99 text run at (0,162) width 413: "extend 10px above and to the right of
the sidebar's red border," | 99 text run at (0,162) width 413: "extend 10px above and to the right of
the sidebar's red border," |
100 text run at (0,180) width 319: "due to the margin styles set for the f
loated element." | 100 text run at (0,180) width 319: "due to the margin styles set for the f
loated element." |
101 RenderBlock (anonymous) at (0,775) size 769x18 | 101 RenderBlock (anonymous) at (0,775) size 769x18 |
102 RenderBR {BR} at (0,0) size 0x18 | 102 RenderBR {BR} at (0,0) size 0x18 |
103 RenderBlock {HR} at (0,801) size 769x2 [border: (1px inset #000000)] | 103 RenderBlock {HR} at (0,801) size 769x2 [border: (1px inset #EEEEEE)] |
104 RenderBlock {DIV} at (0,811) size 769x26 [bgcolor=#66CCFF] [border: (4px s
olid #FF0000)] | 104 RenderBlock {DIV} at (0,811) size 769x26 [bgcolor=#66CCFF] [border: (4px s
olid #FF0000)] |
105 RenderBlock (floating) {DIV} at (425,14) size 330x226 [bgcolor=#FFFF00] | 105 RenderBlock (floating) {DIV} at (425,14) size 330x226 [bgcolor=#FFFF00] |
106 RenderBlock {P} at (5,5) size 320x216 | 106 RenderBlock {P} at (5,5) size 320x216 |
107 RenderText {#text} at (0,0) size 320x216 | 107 RenderText {#text} at (0,0) size 320x216 |
108 text run at (0,0) width 320: "This paragraph is placed inside a DI
V element" | 108 text run at (0,0) width 320: "This paragraph is placed inside a DI
V element" |
109 text run at (0,18) width 320: "which is floated to the right. The
width of the DIV" | 109 text run at (0,18) width 320: "which is floated to the right. The
width of the DIV" |
110 text run at (0,36) width 320: "element is 20em. The background is
yellow and" | 110 text run at (0,36) width 320: "element is 20em. The background is
yellow and" |
111 text run at (0,54) width 320: "there is a 5px padding, a 10px marg
in and no" | 111 text run at (0,54) width 320: "there is a 5px padding, a 10px marg
in and no" |
112 text run at (0,72) width 320: "border. Since it is floated, the ye
llow box should" | 112 text run at (0,72) width 320: "border. Since it is floated, the ye
llow box should" |
113 text run at (0,90) width 320: "be rendered on top of the backgroun
d and borders" | 113 text run at (0,90) width 320: "be rendered on top of the backgroun
d and borders" |
114 text run at (0,108) width 320: "of adjacent non-floated elements.
To the left of this" | 114 text run at (0,108) width 320: "of adjacent non-floated elements.
To the left of this" |
115 text run at (0,126) width 320: "yellow box there should be a short
paragraph with" | 115 text run at (0,126) width 320: "yellow box there should be a short
paragraph with" |
116 text run at (0,144) width 320: "a blue background and a red border
. The yellow" | 116 text run at (0,144) width 320: "a blue background and a red border
. The yellow" |
117 text run at (0,162) width 320: "box should be rendered on top of t
he bottom red" | 117 text run at (0,162) width 320: "box should be rendered on top of t
he bottom red" |
118 text run at (0,180) width 320: "border. I.e., the bottom red borde
r will appear" | 118 text run at (0,180) width 320: "border. I.e., the bottom red borde
r will appear" |
119 text run at (0,198) width 318: "broken where it's overlaid by the
yellow rectangle." | 119 text run at (0,198) width 318: "broken where it's overlaid by the
yellow rectangle." |
120 RenderBlock {P} at (4,4) size 761x18 | 120 RenderBlock {P} at (4,4) size 761x18 |
121 RenderText {#text} at (0,0) size 268x18 | 121 RenderText {#text} at (0,0) size 268x18 |
122 text run at (0,0) width 268: "See description in the box on the righ
t side" | 122 text run at (0,0) width 268: "See description in the box on the righ
t side" |
123 RenderBlock (anonymous) at (0,837) size 769x224 | 123 RenderBlock (anonymous) at (0,837) size 769x224 |
124 RenderBR {BR} at (0,0) size 0x18 | 124 RenderBR {BR} at (0,0) size 0x18 |
125 RenderBlock {HR} at (0,1069) size 769x2 [border: (1px inset #000000)] | 125 RenderBlock {HR} at (0,1069) size 769x2 [border: (1px inset #EEEEEE)] |
126 RenderBlock (floating) {DIV} at (0,1079) size 193x72 [bgcolor=#66CCFF] | 126 RenderBlock (floating) {DIV} at (0,1079) size 193x72 [bgcolor=#66CCFF] |
127 RenderBlock {P} at (0,0) size 193x72 | 127 RenderBlock {P} at (0,0) size 193x72 |
128 RenderText {#text} at (0,0) size 192x72 | 128 RenderText {#text} at (0,0) size 192x72 |
129 text run at (0,0) width 192: "This paragraph is inside a" | 129 text run at (0,0) width 192: "This paragraph is inside a" |
130 text run at (0,18) width 192: "DIV which is floated left. Its" | 130 text run at (0,18) width 192: "DIV which is floated left. Its" |
131 text run at (0,36) width 192: "background is blue and the" | 131 text run at (0,36) width 192: "background is blue and the" |
132 text run at (0,54) width 87: "width is 25%." | 132 text run at (0,54) width 87: "width is 25%." |
133 RenderBlock (floating) {DIV} at (576,1079) size 193x72 [bgcolor=#FFFF00] | 133 RenderBlock (floating) {DIV} at (576,1079) size 193x72 [bgcolor=#FFFF00] |
134 RenderBlock {P} at (0,0) size 193x72 | 134 RenderBlock {P} at (0,0) size 193x72 |
135 RenderText {#text} at (0,0) size 192x72 | 135 RenderText {#text} at (0,0) size 192x72 |
136 text run at (0,0) width 192: "This paragraph is inside a" | 136 text run at (0,0) width 192: "This paragraph is inside a" |
137 text run at (0,18) width 192: "DIV which is floated right. Its" | 137 text run at (0,18) width 192: "DIV which is floated right. Its" |
138 text run at (0,36) width 192: "background is yellow and the" | 138 text run at (0,36) width 192: "background is yellow and the" |
139 text run at (0,54) width 87: "width is 25%." | 139 text run at (0,54) width 87: "width is 25%." |
140 RenderBlock {P} at (0,1079) size 769x36 | 140 RenderBlock {P} at (0,1079) size 769x36 |
141 RenderText {#text} at (192,0) size 384x36 | 141 RenderText {#text} at (192,0) size 384x36 |
142 text run at (192,0) width 384: "This paragraph should appear between a
blue box (on the" | 142 text run at (192,0) width 384: "This paragraph should appear between a
blue box (on the" |
143 text run at (192,18) width 29: "left) " | 143 text run at (192,18) width 29: "left) " |
144 text run at (221,18) width 199: "and a yellow box (on the right)." | 144 text run at (221,18) width 199: "and a yellow box (on the right)." |
145 RenderBlock (anonymous) at (0,1115) size 769x36 | 145 RenderBlock (anonymous) at (0,1115) size 769x36 |
146 RenderBR {BR} at (192,0) size 0x18 | 146 RenderBR {BR} at (192,0) size 0x18 |
147 RenderBlock {HR} at (0,1159) size 769x2 [border: (1px inset #000000)] | 147 RenderBlock {HR} at (0,1159) size 769x2 [border: (1px inset #EEEEEE)] |
148 RenderBlock (floating) {DIV} at (0,1169) size 577x126 [bgcolor=#66CCFF] | 148 RenderBlock (floating) {DIV} at (0,1169) size 577x126 [bgcolor=#66CCFF] |
149 RenderBlock (floating) {DIV} at (422,0) size 145x36 [bgcolor=#FFFF00] | 149 RenderBlock (floating) {DIV} at (422,0) size 145x36 [bgcolor=#FFFF00] |
150 RenderBlock {P} at (0,0) size 145x36 | 150 RenderBlock {P} at (0,0) size 145x36 |
151 RenderText {#text} at (0,0) size 144x36 | 151 RenderText {#text} at (0,0) size 144x36 |
152 text run at (0,0) width 144: "See description in the" | 152 text run at (0,0) width 144: "See description in the" |
153 text run at (0,18) width 124: "box on the left side." | 153 text run at (0,18) width 124: "box on the left side." |
154 RenderBlock {P} at (0,0) size 577x126 | 154 RenderBlock {P} at (0,0) size 577x126 |
155 RenderText {#text} at (0,0) size 576x126 | 155 RenderText {#text} at (0,0) size 576x126 |
156 text run at (0,0) width 422: "This paragraph is inside a DIV which i
s floated left. The" | 156 text run at (0,0) width 422: "This paragraph is inside a DIV which i
s floated left. The" |
157 text run at (0,18) width 422: "background of the DIV element is blue
and its width is 75%. This" | 157 text run at (0,18) width 422: "background of the DIV element is blue
and its width is 75%. This" |
158 text run at (0,36) width 364: "text should all be inside the blue re
ctangle. The blue DIV " | 158 text run at (0,36) width 364: "text should all be inside the blue re
ctangle. The blue DIV " |
159 text run at (364,36) width 212: "element has another DIV element" | 159 text run at (364,36) width 212: "element has another DIV element" |
160 text run at (0,54) width 166: "as a child. It has a yellow " | 160 text run at (0,54) width 166: "as a child. It has a yellow " |
161 text run at (166,54) width 361: "background color and is floated to
the right. Since it is a " | 161 text run at (166,54) width 361: "background color and is floated to
the right. Since it is a " |
162 text run at (527,54) width 49: "child of" | 162 text run at (527,54) width 49: "child of" |
163 text run at (0,72) width 374: "the blue DIV, the yellow DIV should a
ppear inside the " | 163 text run at (0,72) width 374: "the blue DIV, the yellow DIV should a
ppear inside the " |
164 text run at (374,72) width 202: "blue rectangle. Due to it being" | 164 text run at (374,72) width 202: "blue rectangle. Due to it being" |
165 text run at (0,90) width 193: "floated to the right and having " | 165 text run at (0,90) width 193: "floated to the right and having " |
166 text run at (193,90) width 383: "a 10px right margin, the yellow rec
tange should have a 10px" | 166 text run at (193,90) width 383: "a 10px right margin, the yellow rec
tange should have a 10px" |
167 text run at (0,108) width 31: "blue " | 167 text run at (0,108) width 31: "blue " |
168 text run at (31,108) width 138: "stripe on its right side." | 168 text run at (31,108) width 138: "stripe on its right side." |
169 RenderBlock (anonymous) at (0,1169) size 769x126 | 169 RenderBlock (anonymous) at (0,1169) size 769x126 |
170 RenderBR {BR} at (577,0) size 0x18 | 170 RenderBR {BR} at (577,0) size 0x18 |
171 RenderBlock {HR} at (0,1303) size 769x2 [border: (1px inset #000000)] | 171 RenderBlock {HR} at (0,1303) size 769x2 [border: (1px inset #EEEEEE)] |
172 RenderTable {TABLE} at (0,1313) size 769x1385 [border: (1px outset #808080
)] | 172 RenderTable {TABLE} at (0,1313) size 769x1385 [border: (1px outset #808080
)] |
173 RenderTableSection {TBODY} at (1,1) size 767x1383 | 173 RenderTableSection {TBODY} at (1,1) size 767x1383 |
174 RenderTableRow {TR} at (0,0) size 767x26 | 174 RenderTableRow {TR} at (0,0) size 767x26 |
175 RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=2] | 175 RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=2] |
176 RenderInline {STRONG} at (0,0) size 163x18 | 176 RenderInline {STRONG} at (0,0) size 163x18 |
177 RenderText {#text} at (4,4) size 163x18 | 177 RenderText {#text} at (4,4) size 163x18 |
178 text run at (4,4) width 163: "TABLE Testing Section" | 178 text run at (4,4) width 163: "TABLE Testing Section" |
179 RenderTableRow {TR} at (0,26) size 767x1357 | 179 RenderTableRow {TR} at (0,26) size 767x1357 |
180 RenderTableCell {TD} at (0,691) size 12x26 [bgcolor=#C0C0C0] [border
: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] | 180 RenderTableCell {TD} at (0,691) size 12x26 [bgcolor=#C0C0C0] [border
: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] |
181 RenderText {#text} at (4,4) size 4x18 | 181 RenderText {#text} at (4,4) size 4x18 |
182 text run at (4,4) width 4: " " | 182 text run at (4,4) width 4: " " |
183 RenderTableCell {TD} at (12,26) size 755x1357 [border: (1px inset #8
08080)] [r=1 c=1 rs=1 cs=1] | 183 RenderTableCell {TD} at (12,26) size 755x1357 [border: (1px inset #8
08080)] [r=1 c=1 rs=1 cs=1] |
184 RenderBlock (floating) {P} at (4,4) size 374x36 [bgcolor=#FFFF00] | 184 RenderBlock (floating) {P} at (4,4) size 374x36 [bgcolor=#FFFF00] |
185 RenderText {#text} at (0,0) size 373x36 | 185 RenderText {#text} at (0,0) size 373x36 |
186 text run at (0,0) width 373: "This paragraph is of class \"one
\". It has a width of 50% and" | 186 text run at (0,0) width 373: "This paragraph is of class \"one
\". It has a width of 50% and" |
187 text run at (0,18) width 124: "is floated to the left." | 187 text run at (0,18) width 124: "is floated to the left." |
188 RenderBlock {P} at (4,4) size 747x90 | 188 RenderBlock {P} at (4,4) size 747x90 |
189 RenderText {#text} at (374,0) size 747x90 | 189 RenderText {#text} at (374,0) size 747x90 |
190 text run at (374,0) width 373: "This paragraph should start on
the right side of a yellow" | 190 text run at (374,0) width 373: "This paragraph should start on
the right side of a yellow" |
191 text run at (374,18) width 373: "box which contains the previo
us paragraph. Since the text" | 191 text run at (374,18) width 373: "box which contains the previo
us paragraph. Since the text" |
192 text run at (0,36) width 747: "of this element is much longer
than the text in the previous element, the text will wrap around the yellow box.
There is" | 192 text run at (0,36) width 747: "of this element is much longer
than the text in the previous element, the text will wrap around the yellow box.
There is" |
193 text run at (0,54) width 747: "no padding, border or margins o
n this and the previous element, so the text of the two elements should be very
close to" | 193 text run at (0,54) width 747: "no padding, border or margins o
n this and the previous element, so the text of the two elements should be very
close to" |
194 text run at (0,72) width 69: "each other." | 194 text run at (0,72) width 69: "each other." |
195 RenderBlock (anonymous) at (4,94) size 747x18 | 195 RenderBlock (anonymous) at (4,94) size 747x18 |
196 RenderBR {BR} at (0,0) size 0x18 | 196 RenderBR {BR} at (0,0) size 0x18 |
197 RenderBlock {HR} at (4,120) size 747x2 [border: (1px inset #000000
)] | 197 RenderBlock {HR} at (4,120) size 747x2 [border: (1px inset #EEEEEE
)] |
198 RenderBlock (floating) {P} at (4,130) size 747x72 [bgcolor=#FFFF00
] | 198 RenderBlock (floating) {P} at (4,130) size 747x72 [bgcolor=#FFFF00
] |
199 RenderText {#text} at (0,0) size 747x72 | 199 RenderText {#text} at (0,0) size 747x72 |
200 text run at (0,0) width 747: "This paragraph is of class \"two
\". Since the width has been set to 100%, it should automatically be as wide as
its parent" | 200 text run at (0,0) width 747: "This paragraph is of class \"two
\". Since the width has been set to 100%, it should automatically be as wide as
its parent" |
201 text run at (0,18) width 747: "element allows it to be. Theref
ore, even though the element is floated, there is no room for other content on t
he sides" | 201 text run at (0,18) width 747: "element allows it to be. Theref
ore, even though the element is floated, there is no room for other content on t
he sides" |
202 text run at (0,36) width 747: "and a orange square image shoul
d be seen AFTER the paragraph, not next to it. A yellow background has been adde
d" | 202 text run at (0,36) width 747: "and a orange square image shoul
d be seen AFTER the paragraph, not next to it. A yellow background has been adde
d" |
203 text run at (0,54) width 259: "to this paragraph for diagnosti
c purposes." | 203 text run at (0,54) width 259: "to this paragraph for diagnosti
c purposes." |
204 RenderBlock (anonymous) at (4,130) size 747x91 | 204 RenderBlock (anonymous) at (4,130) size 747x91 |
205 RenderImage {IMG} at (0,72) size 15x15 | 205 RenderImage {IMG} at (0,72) size 15x15 |
206 RenderText {#text} at (15,73) size 4x18 | 206 RenderText {#text} at (15,73) size 4x18 |
207 text run at (15,73) width 4: " " | 207 text run at (15,73) width 4: " " |
208 RenderBR {BR} at (19,87) size 0x0 | 208 RenderBR {BR} at (19,87) size 0x0 |
209 RenderBlock {HR} at (4,229) size 747x2 [border: (1px inset #000000
)] | 209 RenderBlock {HR} at (4,229) size 747x2 [border: (1px inset #EEEEEE
)] |
210 RenderBlock (floating) {P} at (4,239) size 374x108 [bgcolor=#FFFF0
0] | 210 RenderBlock (floating) {P} at (4,239) size 374x108 [bgcolor=#FFFF0
0] |
211 RenderText {#text} at (0,0) size 373x108 | 211 RenderText {#text} at (0,0) size 373x108 |
212 text run at (0,0) width 373: "This paragraph is floated to the
left and the orange square" | 212 text run at (0,0) width 373: "This paragraph is floated to the
left and the orange square" |
213 text run at (0,18) width 373: "image should appear to the righ
t of the paragraph. This" | 213 text run at (0,18) width 373: "image should appear to the righ
t of the paragraph. This" |
214 text run at (0,36) width 373: "paragraph has a yellow backgrou
nd and no padding," | 214 text run at (0,36) width 373: "paragraph has a yellow backgrou
nd and no padding," |
215 text run at (0,54) width 373: "margin or border. The right edg
e of this yellow box should" | 215 text run at (0,54) width 373: "margin or border. The right edg
e of this yellow box should" |
216 text run at (0,72) width 373: "be horizontally aligned with th
e left edge of the yellow box" | 216 text run at (0,72) width 373: "be horizontally aligned with th
e left edge of the yellow box" |
217 text run at (0,90) width 79: "undernearth." | 217 text run at (0,90) width 79: "undernearth." |
218 RenderBlock (anonymous) at (4,239) size 747x108 | 218 RenderBlock (anonymous) at (4,239) size 747x108 |
219 RenderImage {IMG} at (374,0) size 15x15 | 219 RenderImage {IMG} at (374,0) size 15x15 |
220 RenderText {#text} at (389,1) size 4x18 | 220 RenderText {#text} at (389,1) size 4x18 |
221 text run at (389,1) width 4: " " | 221 text run at (389,1) width 4: " " |
222 RenderBR {BR} at (393,15) size 0x0 | 222 RenderBR {BR} at (393,15) size 0x0 |
223 RenderBlock {HR} at (4,355) size 747x2 [border: (1px inset #000000
)] | 223 RenderBlock {HR} at (4,355) size 747x2 [border: (1px inset #EEEEEE
)] |
224 RenderBlock (floating) {P} at (377,365) size 374x108 [bgcolor=#FFF
F00] | 224 RenderBlock (floating) {P} at (377,365) size 374x108 [bgcolor=#FFF
F00] |
225 RenderText {#text} at (0,0) size 373x108 | 225 RenderText {#text} at (0,0) size 373x108 |
226 text run at (0,0) width 373: "This paragraph is floated to the
right (using a STYLE" | 226 text run at (0,0) width 373: "This paragraph is floated to the
right (using a STYLE" |
227 text run at (0,18) width 373: "attribute) and the orange squar
e image should appear to the" | 227 text run at (0,18) width 373: "attribute) and the orange squar
e image should appear to the" |
228 text run at (0,36) width 373: "left of the paragraph. This par
agraph has a yellow" | 228 text run at (0,36) width 373: "left of the paragraph. This par
agraph has a yellow" |
229 text run at (0,54) width 373: "background and no padding, marg
in or border. The left" | 229 text run at (0,54) width 373: "background and no padding, marg
in or border. The left" |
230 text run at (0,72) width 373: "edge of this yellow box should
be horizonally aligned with" | 230 text run at (0,72) width 373: "edge of this yellow box should
be horizonally aligned with" |
231 text run at (0,90) width 247: "the right edge of the yellow bo
x above." | 231 text run at (0,90) width 247: "the right edge of the yellow bo
x above." |
232 RenderBlock (anonymous) at (4,365) size 747x108 | 232 RenderBlock (anonymous) at (4,365) size 747x108 |
233 RenderImage {IMG} at (0,0) size 15x15 | 233 RenderImage {IMG} at (0,0) size 15x15 |
234 RenderText {#text} at (15,1) size 4x18 | 234 RenderText {#text} at (15,1) size 4x18 |
235 text run at (15,1) width 4: " " | 235 text run at (15,1) width 4: " " |
236 RenderBR {BR} at (19,15) size 0x0 | 236 RenderBR {BR} at (19,15) size 0x0 |
237 RenderBlock {HR} at (4,481) size 747x2 [border: (1px inset #000000
)] | 237 RenderBlock {HR} at (4,481) size 747x2 [border: (1px inset #EEEEEE
)] |
238 RenderBlock {P} at (4,491) size 747x72 | 238 RenderBlock {P} at (4,491) size 747x72 |
239 RenderBlock (floating) {SPAN} at (0,0) size 48x37 [bgcolor=#C0C0
C0] | 239 RenderBlock (floating) {SPAN} at (0,0) size 48x37 [bgcolor=#C0C0
C0] |
240 RenderText {#text} at (0,0) size 21x37 | 240 RenderText {#text} at (0,0) size 21x37 |
241 text run at (0,0) width 21: "T" | 241 text run at (0,0) width 21: "T" |
242 RenderText {#text} at (48,0) size 747x72 | 242 RenderText {#text} at (48,0) size 747x72 |
243 text run at (48,0) width 699: "he first letter (a \"T\") of th
is paragraph should float left and be twice the font-size of the rest of the par
agraph, as" | 243 text run at (48,0) width 699: "he first letter (a \"T\") of th
is paragraph should float left and be twice the font-size of the rest of the par
agraph, as" |
244 text run at (48,18) width 513: "well as bold, with a content w
idth of 1.5em and a background-color of silver. " | 244 text run at (48,18) width 513: "well as bold, with a content w
idth of 1.5em and a background-color of silver. " |
245 text run at (561,18) width 186: "The top of the big letter \"T
\"" | 245 text run at (561,18) width 186: "The top of the big letter \"T
\"" |
246 text run at (48,36) width 699: "should be vertically aligned w
ith the top of the first line of this paragraph. This is commonly known as \"dro
p-" | 246 text run at (48,36) width 699: "should be vertically aligned w
ith the top of the first line of this paragraph. This is commonly known as \"dro
p-" |
247 text run at (0,54) width 33: "cap\"." | 247 text run at (0,54) width 33: "cap\"." |
248 RenderBlock (anonymous) at (4,563) size 747x18 | 248 RenderBlock (anonymous) at (4,563) size 747x18 |
249 RenderBR {BR} at (0,0) size 0x18 | 249 RenderBR {BR} at (0,0) size 0x18 |
250 RenderBlock {HR} at (4,589) size 747x2 [border: (1px inset #000000
)] | 250 RenderBlock {HR} at (4,589) size 747x2 [border: (1px inset #EEEEEE
)] |
251 RenderBlock (floating) {P} at (405,609) size 336x196 [bgcolor=#FFF
F00] [border: (3px solid #FF0000)] | 251 RenderBlock (floating) {P} at (405,609) size 336x196 [bgcolor=#FFF
F00] [border: (3px solid #FF0000)] |
252 RenderText {#text} at (8,8) size 320x180 | 252 RenderText {#text} at (8,8) size 320x180 |
253 text run at (8,8) width 320: "This paragraph should be floated
to the right, sort" | 253 text run at (8,8) width 320: "This paragraph should be floated
to the right, sort" |
254 text run at (8,26) width 320: "of like a 'sidebar' in a magazi
ne article. Its width is" | 254 text run at (8,26) width 320: "of like a 'sidebar' in a magazi
ne article. Its width is" |
255 text run at (8,44) width 320: "20em so the box should not be r
eformatted when" | 255 text run at (8,44) width 320: "20em so the box should not be r
eformatted when" |
256 text run at (8,62) width 320: "the size of the viewport is cha
nged (e.g. when the" | 256 text run at (8,62) width 320: "the size of the viewport is cha
nged (e.g. when the" |
257 text run at (8,80) width 320: "window is resized). The backgro
und color of the" | 257 text run at (8,80) width 320: "window is resized). The backgro
und color of the" |
258 text run at (8,98) width 320: "element is yellow, and there sh
ould be a 3px solid" | 258 text run at (8,98) width 320: "element is yellow, and there sh
ould be a 3px solid" |
259 text run at (8,116) width 320: "red border outside a 5px wide
padding. Also, the" | 259 text run at (8,116) width 320: "red border outside a 5px wide
padding. Also, the" |
260 text run at (8,134) width 320: "element has a 10px wide margin
around it where" | 260 text run at (8,134) width 320: "element has a 10px wide margin
around it where" |
(...skipping 12 matching lines...) Expand all Loading... |
273 text run at (0,108) width 185: "which is drawn \"on top.\" " | 273 text run at (0,108) width 185: "which is drawn \"on top.\" " |
274 text run at (185,108) width 206: "Even if the floated element
is" | 274 text run at (185,108) width 206: "Even if the floated element
is" |
275 text run at (0,126) width 391: "obscured, it still forces the
content of this element to flow" | 275 text run at (0,126) width 391: "obscured, it still forces the
content of this element to flow" |
276 text run at (0,144) width 65: "around it. " | 276 text run at (0,144) width 65: "around it. " |
277 text run at (65,144) width 326: "If the floated element is not
obscured, then the blue" | 277 text run at (65,144) width 326: "If the floated element is not
obscured, then the blue" |
278 text run at (0,162) width 391: "rectangle of this paragraph sh
ould extend 10px above and to" | 278 text run at (0,162) width 391: "rectangle of this paragraph sh
ould extend 10px above and to" |
279 text run at (0,180) width 391: "the right of the sidebar's red
border, due to the margin styles" | 279 text run at (0,180) width 391: "the right of the sidebar's red
border, due to the margin styles" |
280 text run at (0,198) width 166: "set for the floated element." | 280 text run at (0,198) width 166: "set for the floated element." |
281 RenderBlock (anonymous) at (4,815) size 747x18 | 281 RenderBlock (anonymous) at (4,815) size 747x18 |
282 RenderBR {BR} at (0,0) size 0x18 | 282 RenderBR {BR} at (0,0) size 0x18 |
283 RenderBlock {HR} at (4,841) size 747x2 [border: (1px inset #000000
)] | 283 RenderBlock {HR} at (4,841) size 747x2 [border: (1px inset #EEEEEE
)] |
284 RenderBlock {DIV} at (4,851) size 747x26 [bgcolor=#66CCFF] [border
: (4px solid #FF0000)] | 284 RenderBlock {DIV} at (4,851) size 747x26 [bgcolor=#66CCFF] [border
: (4px solid #FF0000)] |
285 RenderBlock (floating) {DIV} at (403,14) size 330x226 [bgcolor=#
FFFF00] | 285 RenderBlock (floating) {DIV} at (403,14) size 330x226 [bgcolor=#
FFFF00] |
286 RenderBlock {P} at (5,5) size 320x216 | 286 RenderBlock {P} at (5,5) size 320x216 |
287 RenderText {#text} at (0,0) size 320x216 | 287 RenderText {#text} at (0,0) size 320x216 |
288 text run at (0,0) width 320: "This paragraph is placed ins
ide a DIV element" | 288 text run at (0,0) width 320: "This paragraph is placed ins
ide a DIV element" |
289 text run at (0,18) width 320: "which is floated to the rig
ht. The width of the DIV" | 289 text run at (0,18) width 320: "which is floated to the rig
ht. The width of the DIV" |
290 text run at (0,36) width 320: "element is 20em. The backgr
ound is yellow and" | 290 text run at (0,36) width 320: "element is 20em. The backgr
ound is yellow and" |
291 text run at (0,54) width 320: "there is a 5px padding, a 1
0px margin and no" | 291 text run at (0,54) width 320: "there is a 5px padding, a 1
0px margin and no" |
292 text run at (0,72) width 320: "border. Since it is floated
, the yellow box should" | 292 text run at (0,72) width 320: "border. Since it is floated
, the yellow box should" |
293 text run at (0,90) width 320: "be rendered on top of the b
ackground and borders" | 293 text run at (0,90) width 320: "be rendered on top of the b
ackground and borders" |
294 text run at (0,108) width 320: "of adjacent non-floated el
ements. To the left of this" | 294 text run at (0,108) width 320: "of adjacent non-floated el
ements. To the left of this" |
295 text run at (0,126) width 320: "yellow box there should be
a short paragraph with" | 295 text run at (0,126) width 320: "yellow box there should be
a short paragraph with" |
296 text run at (0,144) width 320: "a blue background and a re
d border. The yellow" | 296 text run at (0,144) width 320: "a blue background and a re
d border. The yellow" |
297 text run at (0,162) width 320: "box should be rendered on
top of the bottom red" | 297 text run at (0,162) width 320: "box should be rendered on
top of the bottom red" |
298 text run at (0,180) width 320: "border. I.e., the bottom r
ed border will appear" | 298 text run at (0,180) width 320: "border. I.e., the bottom r
ed border will appear" |
299 text run at (0,198) width 318: "broken where it's overlaid
by the yellow rectangle." | 299 text run at (0,198) width 318: "broken where it's overlaid
by the yellow rectangle." |
300 RenderBlock {P} at (4,4) size 739x18 | 300 RenderBlock {P} at (4,4) size 739x18 |
301 RenderText {#text} at (0,0) size 268x18 | 301 RenderText {#text} at (0,0) size 268x18 |
302 text run at (0,0) width 268: "See description in the box on
the right side" | 302 text run at (0,0) width 268: "See description in the box on
the right side" |
303 RenderBlock (anonymous) at (4,877) size 747x224 | 303 RenderBlock (anonymous) at (4,877) size 747x224 |
304 RenderBR {BR} at (0,0) size 0x18 | 304 RenderBR {BR} at (0,0) size 0x18 |
305 RenderBlock {HR} at (4,1109) size 747x2 [border: (1px inset #00000
0)] | 305 RenderBlock {HR} at (4,1109) size 747x2 [border: (1px inset #EEEEE
E)] |
306 RenderBlock (floating) {DIV} at (4,1119) size 187x72 [bgcolor=#66C
CFF] | 306 RenderBlock (floating) {DIV} at (4,1119) size 187x72 [bgcolor=#66C
CFF] |
307 RenderBlock {P} at (0,0) size 187x72 | 307 RenderBlock {P} at (0,0) size 187x72 |
308 RenderText {#text} at (0,0) size 186x72 | 308 RenderText {#text} at (0,0) size 186x72 |
309 text run at (0,0) width 186: "This paragraph is inside a" | 309 text run at (0,0) width 186: "This paragraph is inside a" |
310 text run at (0,18) width 186: "DIV which is floated left. It
s" | 310 text run at (0,18) width 186: "DIV which is floated left. It
s" |
311 text run at (0,36) width 186: "background is blue and the" | 311 text run at (0,36) width 186: "background is blue and the" |
312 text run at (0,54) width 87: "width is 25%." | 312 text run at (0,54) width 87: "width is 25%." |
313 RenderBlock (floating) {DIV} at (564,1119) size 187x72 [bgcolor=#F
FFF00] | 313 RenderBlock (floating) {DIV} at (564,1119) size 187x72 [bgcolor=#F
FFF00] |
314 RenderBlock {P} at (0,0) size 187x72 | 314 RenderBlock {P} at (0,0) size 187x72 |
315 RenderText {#text} at (0,0) size 186x72 | 315 RenderText {#text} at (0,0) size 186x72 |
316 text run at (0,0) width 186: "This paragraph is inside a" | 316 text run at (0,0) width 186: "This paragraph is inside a" |
317 text run at (0,18) width 186: "DIV which is floated right." | 317 text run at (0,18) width 186: "DIV which is floated right." |
318 text run at (0,36) width 20: "Its " | 318 text run at (0,36) width 20: "Its " |
319 text run at (20,36) width 166: "background is yellow and" | 319 text run at (20,36) width 166: "background is yellow and" |
320 text run at (0,54) width 110: "the width is 25%." | 320 text run at (0,54) width 110: "the width is 25%." |
321 RenderBlock {P} at (4,1119) size 747x36 | 321 RenderBlock {P} at (4,1119) size 747x36 |
322 RenderText {#text} at (187,0) size 373x36 | 322 RenderText {#text} at (187,0) size 373x36 |
323 text run at (187,0) width 373: "This paragraph should appear b
etween a blue box (on the" | 323 text run at (187,0) width 373: "This paragraph should appear b
etween a blue box (on the" |
324 text run at (187,18) width 29: "left) " | 324 text run at (187,18) width 29: "left) " |
325 text run at (216,18) width 199: "and a yellow box (on the righ
t)." | 325 text run at (216,18) width 199: "and a yellow box (on the righ
t)." |
326 RenderBlock (anonymous) at (4,1155) size 747x36 | 326 RenderBlock (anonymous) at (4,1155) size 747x36 |
327 RenderBR {BR} at (187,0) size 0x18 | 327 RenderBR {BR} at (187,0) size 0x18 |
328 RenderBlock {HR} at (4,1199) size 747x2 [border: (1px inset #00000
0)] | 328 RenderBlock {HR} at (4,1199) size 747x2 [border: (1px inset #EEEEE
E)] |
329 RenderBlock (floating) {DIV} at (4,1209) size 561x126 [bgcolor=#66
CCFF] | 329 RenderBlock (floating) {DIV} at (4,1209) size 561x126 [bgcolor=#66
CCFF] |
330 RenderBlock (floating) {DIV} at (410,0) size 141x36 [bgcolor=#FF
FF00] | 330 RenderBlock (floating) {DIV} at (410,0) size 141x36 [bgcolor=#FF
FF00] |
331 RenderBlock {P} at (0,0) size 141x36 | 331 RenderBlock {P} at (0,0) size 141x36 |
332 RenderText {#text} at (0,0) size 140x36 | 332 RenderText {#text} at (0,0) size 140x36 |
333 text run at (0,0) width 140: "See description in the" | 333 text run at (0,0) width 140: "See description in the" |
334 text run at (0,18) width 124: "box on the left side." | 334 text run at (0,18) width 124: "box on the left side." |
335 RenderBlock {P} at (0,0) size 561x126 | 335 RenderBlock {P} at (0,0) size 561x126 |
336 RenderText {#text} at (0,0) size 560x126 | 336 RenderText {#text} at (0,0) size 560x126 |
337 text run at (0,0) width 410: "This paragraph is inside a DIV
which is floated left. The" | 337 text run at (0,0) width 410: "This paragraph is inside a DIV
which is floated left. The" |
338 text run at (0,18) width 410: "background of the DIV element
is blue and its width is 75%." | 338 text run at (0,18) width 410: "background of the DIV element
is blue and its width is 75%." |
339 text run at (0,36) width 32: "This " | 339 text run at (0,36) width 32: "This " |
340 text run at (32,36) width 368: "text should all be inside th
e blue rectangle. The blue DIV " | 340 text run at (32,36) width 368: "text should all be inside th
e blue rectangle. The blue DIV " |
341 text run at (400,36) width 160: "element has another DIV" | 341 text run at (400,36) width 160: "element has another DIV" |
342 text run at (0,54) width 217: "element as a child. It has a
yellow " | 342 text run at (0,54) width 217: "element as a child. It has a
yellow " |
343 text run at (217,54) width 343: "background color and is flo
ated to the right. Since it is" | 343 text run at (217,54) width 343: "background color and is flo
ated to the right. Since it is" |
344 text run at (0,72) width 11: "a " | 344 text run at (0,72) width 11: "a " |
345 text run at (11,72) width 408: "child of the blue DIV, the y
ellow DIV should appear inside the " | 345 text run at (11,72) width 408: "child of the blue DIV, the y
ellow DIV should appear inside the " |
346 text run at (419,72) width 141: "blue rectangle. Due to" | 346 text run at (419,72) width 141: "blue rectangle. Due to" |
347 text run at (0,90) width 252: "it being floated to the right
and having " | 347 text run at (0,90) width 252: "it being floated to the right
and having " |
348 text run at (252,90) width 308: "a 10px right margin, the ye
llow rectange should" | 348 text run at (252,90) width 308: "a 10px right margin, the ye
llow rectange should" |
349 text run at (0,108) width 112: "have a 10px blue " | 349 text run at (0,108) width 112: "have a 10px blue " |
350 text run at (112,108) width 138: "stripe on its right side." | 350 text run at (112,108) width 138: "stripe on its right side." |
351 RenderBlock (anonymous) at (4,1209) size 747x126 | 351 RenderBlock (anonymous) at (4,1209) size 747x126 |
352 RenderBR {BR} at (560,0) size 0x18 | 352 RenderBR {BR} at (560,0) size 0x18 |
353 RenderBlock {HR} at (4,1343) size 747x2 [border: (1px inset #00000
0)] | 353 RenderBlock {HR} at (4,1343) size 747x2 [border: (1px inset #EEEEE
E)] |
OLD | NEW |