-layer at (0,0) size 785x826
- RenderView at (0,0) size 785x600
-layer at (0,0) size 785x826
- RenderBlock {HTML} at (0,0) size 785x825.88
- RenderBody {BODY} at (8,8) size 769x809.88 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 769x20
+layer at (0,0) size 800x806
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x806
+ RenderBlock {HTML} at (0,0) size 800x805.88
+ RenderBody {BODY} at (8,8) size 784x789.88 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x20
RenderText {#text} at (0,0) size 337x19
text run at (0,0) width 337: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,33) size 769x144
+ RenderBlock {PRE} at (0,33) size 784x144
RenderText {#text} at (0,0) size 616x144
text run at (0,0) width 392: "P { margin: 0; padding: 0; text-align: justify;}"
text run at (392,0) width 0: " "
text run at (0,112) width 480: " color: black; background: yellow; clear: none;}"
text run at (480,112) width 0: " "
text run at (0,128) width 0: " "
- RenderBlock {HR} at (0,190) size 769x2 [border: (1px inset #EEEEEE)]
+ RenderBlock {HR} at (0,190) size 784x2 [border: (1px inset #EEEEEE)]
RenderBlock (floating) {DIV} at (0,200) size 192x125.38 [color=#FFFFFF] [bgcolor=#008000]
RenderBlock {H1} at (8,8) size 176x23
RenderText {#text} at (0,0) size 82x22
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 82x19
text run at (0,0) width 82: "0.5em margin"
- RenderBlock {DIV} at (224,200) size 513x235.88 [bgcolor=#FFFF00]
- RenderBlock {H1} at (8,29.44) size 497x37
+ RenderBlock {DIV} at (224,200) size 528x235.88 [bgcolor=#FFFF00]
+ RenderBlock {H1} at (8,29.44) size 512x37
RenderText {#text} at (0,0) size 274x36
text run at (0,0) width 274: "The 'clear' property"
- RenderBlock {P} at (8,87.88) size 497x100
- RenderText {#text} at (0,0) size 497x99
- text run at (0,0) width 497: "This page has two floating \"menus\" on the side; one has a green background, and"
- text run at (0,20) width 184: "the other a blue background. "
- text run at (184,20) width 313: "Due to settings on the 'float' and 'clear' properties,"
- text run at (0,40) width 497: "the two menus should appear on the left side of the page, the blue below the green."
- text run at (0,60) width 497: "There should be a 10px gap between the two menus. There should also be a 10px"
- text run at (0,80) width 306: "gap between the top menu and the top of the page."
- RenderBlock {P} at (8,187.88) size 497x40
- RenderText {#text} at (0,0) size 497x39
- text run at (0,0) width 497: "The top of the yellow rectangle (to which this paragraph belongs) should be"
- text run at (0,20) width 311: "vertically aligned with the top of the green rectangle."
- RenderTable {TABLE} at (192,435.88) size 577x374 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 575x372
- RenderTableRow {TR} at (0,0) size 575x28
- RenderTableCell {TD} at (0,0) size 575x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderBlock {P} at (8,87.88) size 512x100
+ RenderText {#text} at (0,0) size 512x99
+ text run at (0,0) width 512: "This page has two floating \"menus\" on the side; one has a green background, and the"
+ text run at (0,20) width 157: "other a blue background. "
+ text run at (157,20) width 355: "Due to settings on the 'float' and 'clear' properties, the two"
+ text run at (0,40) width 512: "menus should appear on the left side of the page, the blue below the green. There"
+ text run at (0,60) width 512: "should be a 10px gap between the two menus. There should also be a 10px gap"
+ text run at (0,80) width 280: "between the top menu and the top of the page."
+ RenderBlock {P} at (8,187.88) size 512x40
+ RenderText {#text} at (0,0) size 512x39
+ text run at (0,0) width 512: "The top of the yellow rectangle (to which this paragraph belongs) should be vertically"
+ text run at (0,20) width 254: "aligned with the top of the green rectangle."
+ RenderTable {TABLE} at (192,435.88) size 592x354 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 590x352
+ RenderTableRow {TR} at (0,0) size 590x28
+ RenderTableCell {TD} at (0,0) size 590x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 159x19
RenderText {#text} at (4,4) size 159x19
text run at (4,4) width 159: "TABLE Testing Section"
- RenderTableRow {TR} at (0,28) size 575x344
- RenderTableCell {TD} at (0,186) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,28) size 590x324
+ RenderTableCell {TD} at (0,176) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x19
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,28) size 563x343.88 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,28) size 578x323.88 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock (floating) {DIV} at (4,4) size 192x125.38 [color=#FFFFFF] [bgcolor=#008000]
RenderBlock {H1} at (8,8) size 176x23
RenderText {#text} at (0,0) size 82x22
RenderListMarker at (-18,0) size 7x19: bullet
RenderText {#text} at (0,0) size 82x19
text run at (0,0) width 82: "0.5em margin"
- RenderBlock {DIV} at (228,4) size 299x335.88 [bgcolor=#FFFF00]
- RenderBlock {H1} at (8,29.44) size 283x37
+ RenderBlock {DIV} at (228,4) size 314x315.88 [bgcolor=#FFFF00]
+ RenderBlock {H1} at (8,29.44) size 298x37
RenderText {#text} at (0,0) size 274x36
text run at (0,0) width 274: "The 'clear' property"
- RenderBlock {P} at (8,87.88) size 283x180
- RenderText {#text} at (0,0) size 283x179
- text run at (0,0) width 283: "This page has two floating \"menus\" on the side;"
- text run at (0,20) width 283: "one has a green background, and the other a"
- text run at (0,40) width 111: "blue background. "
- text run at (111,40) width 172: "Due to settings on the 'float'"
- text run at (0,60) width 283: "and 'clear' properties, the two menus should"
- text run at (0,80) width 283: "appear on the left side of the page, the blue"
- text run at (0,100) width 283: "below the green. There should be a 10px gap"
- text run at (0,120) width 283: "between the two menus. There should also be"
- text run at (0,140) width 283: "a 10px gap between the top menu and the top"
- text run at (0,160) width 71: "of the page."
- RenderBlock {P} at (8,267.88) size 283x60
- RenderText {#text} at (0,0) size 283x59
- text run at (0,0) width 283: "The top of the yellow rectangle (to which this"
- text run at (0,20) width 283: "paragraph belongs) should be vertically aligned"
+ RenderBlock {P} at (8,87.88) size 298x160
+ RenderText {#text} at (0,0) size 298x159
+ text run at (0,0) width 298: "This page has two floating \"menus\" on the side;"
+ text run at (0,20) width 298: "one has a green background, and the other a blue"
+ text run at (0,40) width 83: "background. "
+ text run at (83,40) width 215: "Due to settings on the 'float' and"
+ text run at (0,60) width 298: "'clear' properties, the two menus should appear"
+ text run at (0,80) width 298: "on the left side of the page, the blue below the"
+ text run at (0,100) width 298: "green. There should be a 10px gap between the"
+ text run at (0,120) width 298: "two menus. There should also be a 10px gap"
+ text run at (0,140) width 280: "between the top menu and the top of the page."
+ RenderBlock {P} at (8,247.88) size 298x60
+ RenderText {#text} at (0,0) size 298x59
+ text run at (0,0) width 298: "The top of the yellow rectangle (to which this"
+ text run at (0,20) width 298: "paragraph belongs) should be vertically aligned"
text run at (0,40) width 208: "with the top of the green rectangle."