| layer at (0,0) size 785x793 |
| RenderView at (0,0) size 785x600 |
| layer at (0,0) size 785x793 |
| RenderBlock {HTML} at (0,0) size 785x793 |
| RenderBody {BODY} at (8,8) size 769x777 [bgcolor=#CCCCCC] |
| RenderBlock {P} at (0,0) size 769x18 |
| RenderText {#text} at (0,0) size 363x18 |
| text run at (0,0) width 363: "The style declarations which apply to the text below are:" |
| RenderBlock {PRE} at (0,31) size 769x135 |
| RenderText {#text} at (0,0) size 601x135 |
| text run at (0,0) width 383: "P { margin: 0; padding: 0; text-align: justify;}" |
| text run at (382,0) width 1: " " |
| text run at (0,15) width 0: " " |
| text run at (0,30) width 375: "DIV.menu {float: left; clear: left; width: 11em;" |
| text run at (374,30) width 1: " " |
| text run at (0,45) width 453: " margin: 0; margin-bottom: 10px; padding: 0.5em;}" |
| text run at (452,45) width 1: " " |
| text run at (0,60) width 422: "DIV.menu H1 {font-size: 1.2em; margin: 0; padding: 0;}" |
| text run at (421,60) width 1: " " |
| text run at (0,75) width 437: "DIV.menu UL {margin: 0.2em 0.3em 0.2em 1em; padding: 0;}" |
| text run at (436,75) width 1: " " |
| text run at (0,90) width 601: "DIV.article {padding: 0.5em; margin: 0; margin-left: 14em; margin-right: 2em;" |
| text run at (600,90) width 1: " " |
| text run at (0,105) width 469: " color: black; background: yellow; clear: none;}" |
| text run at (468,105) width 1: " " |
| text run at (0,120) width 0: " " |
| RenderBlock {HR} at (0,179) size 769x2 [border: (1px inset #000000)] |
| RenderBlock (floating) {DIV} at (0,189) size 192x117 [color=#FFFFFF] [bgcolor=#008000] |
| RenderBlock {H1} at (8,8) size 176x22 |
| RenderText {#text} at (0,0) size 82x22 |
| text run at (0,0) width 82: "Top menu" |
| RenderBlock {UL} at (24,33) size 156x73 |
| RenderListItem {LI} at (0,0) size 156x18 |
| RenderListMarker at (-17,0) size 7x18: bullet |
| RenderText {#text} at (0,0) size 36x18 |
| text run at (0,0) width 36: "green" |
| RenderListItem {LI} at (0,18) size 156x18 |
| RenderListMarker at (-17,0) size 7x18: bullet |
| RenderText {#text} at (0,0) size 64x18 |
| text run at (0,0) width 64: "white text" |
| RenderListItem {LI} at (0,36) size 156x18 |
| RenderListMarker at (-17,0) size 7x18: bullet |
| RenderText {#text} at (0,0) size 96x18 |
| text run at (0,0) width 96: "0.5em padding" |
| RenderListItem {LI} at (0,54) size 156x18 |
| RenderListMarker at (-17,0) size 7x18: bullet |
| RenderText {#text} at (0,0) size 89x18 |
| text run at (0,0) width 89: "0.5em margin" |
| RenderBlock (floating) {DIV} at (0,315) size 192x117 [color=#FFFFFF] [bgcolor=#0000FF] |
| RenderBlock {H1} at (8,8) size 176x22 |
| RenderText {#text} at (0,0) size 111x22 |
| text run at (0,0) width 111: "Bottom menu" |
| RenderBlock {UL} at (24,33) size 156x73 |
| RenderListItem {LI} at (0,0) size 156x18 |
| RenderListMarker at (-17,0) size 7x18: bullet |
| RenderText {#text} at (0,0) size 108x18 |
| text run at (0,0) width 108: "blue background" |
| RenderListItem {LI} at (0,18) size 156x18 |
| RenderListMarker at (-17,0) size 7x18: bullet |
| RenderText {#text} at (0,0) size 64x18 |
| text run at (0,0) width 64: "white text" |
| RenderListItem {LI} at (0,36) size 156x18 |
| RenderListMarker at (-17,0) size 7x18: bullet |
| RenderText {#text} at (0,0) size 96x18 |
| text run at (0,0) width 96: "0.5em padding" |
| RenderListItem {LI} at (0,54) size 156x18 |
| RenderListMarker at (-17,0) size 7x18: bullet |
| RenderText {#text} at (0,0) size 89x18 |
| text run at (0,0) width 89: "0.5em margin" |
| RenderBlock {DIV} at (224,189) size 513x222 [bgcolor=#FFFF00] |
| RenderBlock {H1} at (8,29) size 497x38 |
| RenderText {#text} at (0,0) size 275x37 |
| text run at (0,0) width 275: "The 'clear' property" |
| RenderBlock {P} at (8,87) size 497x91 |
| RenderText {#text} at (0,0) size 497x90 |
| text run at (0,0) width 497: "This page has two floating \"menus\" on the side; one has a green background," |
| text run at (0,18) width 232: "and the other a blue background. " |
| text run at (231,18) width 266: "Due to settings on the 'float' and 'clear'" |
| text run at (0,36) width 497: "properties, the two menus should appear on the left side of the page, the blue" |
| text run at (0,54) width 497: "below the green. There should be a 10px gap between the two menus. There" |
| text run at (0,72) width 465: "should also be a 10px gap between the top menu and the top of the page." |
| RenderBlock {P} at (8,177) size 497x37 |
| RenderText {#text} at (0,0) size 497x36 |
| text run at (0,0) width 497: "The top of the yellow rectangle (to which this paragraph belongs) should be" |
| text run at (0,18) width 339: "vertically aligned with the top of the green rectangle." |
| RenderTable {TABLE} at (192,410) size 577x367 [border: (1px outset #808080)] |
| RenderTableSection {TBODY} at (1,1) size 575x364 |
| RenderTableRow {TR} at (0,0) size 575x26 |
| RenderTableCell {TD} at (0,0) size 575x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2] |
| RenderInline {STRONG} at (0,0) size 161x18 |
| RenderText {#text} at (4,4) size 161x18 |
| text run at (4,4) width 161: "TABLE Testing Section" |
| RenderTableRow {TR} at (0,26) size 575x338 |
| RenderTableCell {TD} at (0,181) size 12x27 [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,5) width 4: " " |
| RenderTableCell {TD} at (12,26) size 563x338 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1] |
| RenderBlock (floating) {DIV} at (4,4) size 192x117 [color=#FFFFFF] [bgcolor=#008000] |
| RenderBlock {H1} at (8,8) size 176x22 |
| RenderText {#text} at (0,0) size 82x22 |
| text run at (0,0) width 82: "Top menu" |
| RenderBlock {UL} at (24,33) size 156x73 |
| RenderListItem {LI} at (0,0) size 156x18 |
| RenderListMarker at (-17,0) size 7x18: bullet |
| RenderText {#text} at (0,0) size 36x18 |
| text run at (0,0) width 36: "green" |
| RenderListItem {LI} at (0,18) size 156x18 |
| RenderListMarker at (-17,0) size 7x18: bullet |
| RenderText {#text} at (0,0) size 64x18 |
| text run at (0,0) width 64: "white text" |
| RenderListItem {LI} at (0,36) size 156x18 |
| RenderListMarker at (-17,0) size 7x18: bullet |
| RenderText {#text} at (0,0) size 96x18 |
| text run at (0,0) width 96: "0.5em padding" |
| RenderListItem {LI} at (0,54) size 156x18 |
| RenderListMarker at (-17,0) size 7x18: bullet |
| RenderText {#text} at (0,0) size 89x18 |
| text run at (0,0) width 89: "0.5em margin" |
| RenderBlock (floating) {DIV} at (4,130) size 192x117 [color=#FFFFFF] [bgcolor=#0000FF] |
| RenderBlock {H1} at (8,8) size 176x22 |
| RenderText {#text} at (0,0) size 111x22 |
| text run at (0,0) width 111: "Bottom menu" |
| RenderBlock {UL} at (24,33) size 156x73 |
| RenderListItem {LI} at (0,0) size 156x18 |
| RenderListMarker at (-17,0) size 7x18: bullet |
| RenderText {#text} at (0,0) size 108x18 |
| text run at (0,0) width 108: "blue background" |
| RenderListItem {LI} at (0,18) size 156x18 |
| RenderListMarker at (-17,0) size 7x18: bullet |
| RenderText {#text} at (0,0) size 64x18 |
| text run at (0,0) width 64: "white text" |
| RenderListItem {LI} at (0,36) size 156x18 |
| RenderListMarker at (-17,0) size 7x18: bullet |
| RenderText {#text} at (0,0) size 96x18 |
| text run at (0,0) width 96: "0.5em padding" |
| RenderListItem {LI} at (0,54) size 156x18 |
| RenderListMarker at (-17,0) size 7x18: bullet |
| RenderText {#text} at (0,0) size 89x18 |
| text run at (0,0) width 89: "0.5em margin" |
| RenderBlock {DIV} at (228,4) size 299x330 [bgcolor=#FFFF00] |
| RenderBlock {H1} at (8,29) size 283x38 |
| RenderText {#text} at (0,0) size 275x37 |
| text run at (0,0) width 275: "The 'clear' property" |
| RenderBlock {P} at (8,87) size 283x181 |
| RenderText {#text} at (0,0) size 283x180 |
| text run at (0,0) width 283: "This page has two floating \"menus\" on the" |
| text run at (0,18) width 283: "side; one has a green background, and the" |
| text run at (0,36) width 166: "other a blue background. " |
| text run at (165,36) width 118: "Due to settings on" |
| text run at (0,54) width 283: "the 'float' and 'clear' properties, the two" |
| text run at (0,72) width 283: "menus should appear on the left side of the" |
| text run at (0,90) width 283: "page, the blue below the green. There" |
| text run at (0,108) width 283: "should be a 10px gap between the two" |
| text run at (0,126) width 283: "menus. There should also be a 10px gap" |
| text run at (0,144) width 283: "between the top menu and the top of the" |
| text run at (0,162) width 35: "page." |
| RenderBlock {P} at (8,267) size 283x55 |
| RenderText {#text} at (0,0) size 283x54 |
| text run at (0,0) width 283: "The top of the yellow rectangle (to which" |
| text run at (0,18) width 283: "this paragraph belongs) should be vertically" |
| text run at (0,36) width 275: "aligned with the top of the green rectangle." |
