| layer at (0,0) size 800x600 scrollHeight 826 |
| LayoutView at (0,0) size 800x600 |
| layer at (0,0) size 800x826 backgroundClip at (0,0) size 800x600 clip at (0,0) size 800x600 |
| LayoutNGBlockFlow {HTML} at (0,0) size 800x825.88 |
| LayoutNGBlockFlow {BODY} at (8,8) size 784x809.88 [bgcolor=#CCCCCC] |
| LayoutNGBlockFlow {P} at (0,0) size 784x20 |
| LayoutText {#text} at (0,0) size 355x19 |
| text run at (0,0) width 355: "The style declarations which apply to the text below are:" |
| LayoutNGBlockFlow {PRE} at (0,33) size 784x144 |
| LayoutText {#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,16) width 0: " " |
| text run at (0,32) width 384: "DIV.menu {float: left; clear: left; width: 11em;" |
| text run at (384,32) width 0: " " |
| text run at (0,48) width 464: " margin: 0; margin-bottom: 10px; padding: 0.5em;}" |
| text run at (464,48) width 0: " " |
| text run at (0,64) width 432: "DIV.menu H1 {font-size: 1.2em; margin: 0; padding: 0;}" |
| text run at (432,64) width 0: " " |
| text run at (0,80) width 448: "DIV.menu UL {margin: 0.2em 0.3em 0.2em 1em; padding: 0;}" |
| text run at (448,80) width 0: " " |
| text run at (0,96) width 616: "DIV.article {padding: 0.5em; margin: 0; margin-left: 14em; margin-right: 2em;" |
| text run at (616,96) 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: " " |
| LayoutNGBlockFlow (floating) {DIV} at (0,200) size 192x125.38 [color=#FFFFFF] [bgcolor=#008000] |
| LayoutNGBlockFlow {H1} at (8,8) size 176x23 |
| LayoutText {#text} at (0,0) size 83x22 |
| text run at (0,0) width 83: "Top menu" |
| LayoutNGBlockFlow {UL} at (24,34.19) size 155.20x80 |
| LayoutNGListItem {LI} at (0,0) size 155.20x20 |
| LayoutNGListMarker (anonymous) at (-18,0) size 7x20 |
| LayoutText (anonymous) at (0,0) size 7x19 |
| text run at (0,0) width 7: "\x{2022} " |
| LayoutText {#text} at (0,0) size 35x19 |
| text run at (0,0) width 35: "green" |
| LayoutNGListItem {LI} at (0,20) size 155.20x20 |
| LayoutNGListMarker (anonymous) at (-18,0) size 7x20 |
| LayoutText (anonymous) at (0,0) size 7x19 |
| text run at (0,0) width 7: "\x{2022} " |
| LayoutText {#text} at (0,0) size 62x19 |
| text run at (0,0) width 62: "white text" |
| LayoutNGListItem {LI} at (0,40) size 155.20x20 |
| LayoutNGListMarker (anonymous) at (-18,0) size 7x20 |
| LayoutText (anonymous) at (0,0) size 7x19 |
| text run at (0,0) width 7: "\x{2022} " |
| LayoutText {#text} at (0,0) size 94x19 |
| text run at (0,0) width 94: "0.5em padding" |
| LayoutNGListItem {LI} at (0,60) size 155.20x20 |
| LayoutNGListMarker (anonymous) at (-18,0) size 7x20 |
| LayoutText (anonymous) at (0,0) size 7x19 |
| text run at (0,0) width 7: "\x{2022} " |
| LayoutText {#text} at (0,0) size 87x19 |
| text run at (0,0) width 87: "0.5em margin" |
| LayoutNGBlockFlow (floating) {DIV} at (0,335.38) size 192x125.38 [color=#FFFFFF] [bgcolor=#0000FF] |
| LayoutNGBlockFlow {H1} at (8,8) size 176x23 |
| LayoutText {#text} at (0,0) size 112x22 |
| text run at (0,0) width 112: "Bottom menu" |
| LayoutNGBlockFlow {UL} at (24,34.19) size 155.20x80 |
| LayoutNGListItem {LI} at (0,0) size 155.20x20 |
| LayoutNGListMarker (anonymous) at (-18,0) size 7x20 |
| LayoutText (anonymous) at (0,0) size 7x19 |
| text run at (0,0) width 7: "\x{2022} " |
| LayoutText {#text} at (0,0) size 106x19 |
| text run at (0,0) width 106: "blue background" |
| LayoutNGListItem {LI} at (0,20) size 155.20x20 |
| LayoutNGListMarker (anonymous) at (-18,0) size 7x20 |
| LayoutText (anonymous) at (0,0) size 7x19 |
| text run at (0,0) width 7: "\x{2022} " |
| LayoutText {#text} at (0,0) size 62x19 |
| text run at (0,0) width 62: "white text" |
| LayoutNGListItem {LI} at (0,40) size 155.20x20 |
| LayoutNGListMarker (anonymous) at (-18,0) size 7x20 |
| LayoutText (anonymous) at (0,0) size 7x19 |
| text run at (0,0) width 7: "\x{2022} " |
| LayoutText {#text} at (0,0) size 94x19 |
| text run at (0,0) width 94: "0.5em padding" |
| LayoutNGListItem {LI} at (0,60) size 155.20x20 |
| LayoutNGListMarker (anonymous) at (-18,0) size 7x20 |
| LayoutText (anonymous) at (0,0) size 7x19 |
| text run at (0,0) width 7: "\x{2022} " |
| LayoutText {#text} at (0,0) size 87x19 |
| text run at (0,0) width 87: "0.5em margin" |
| LayoutNGBlockFlow {DIV} at (224,200) size 528x235.88 [bgcolor=#FFFF00] |
| LayoutNGBlockFlow {H1} at (8,29.44) size 512x37 |
| LayoutText {#text} at (0,0) size 274x36 |
| text run at (0,0) width 274: "The 'clear' property" |
| LayoutNGBlockFlow {P} at (8,87.88) size 512x100 |
| LayoutText {#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," |
| text run at (0,20) width 512: "and the other a blue background. Due to settings on the 'float' and 'clear'" |
| text run at (0,40) width 512: "properties, the two menus should appear on the left side of the page, the blue" |
| text run at (0,60) width 512: "below the green. There should be a 10px gap between the two menus. There" |
| text run at (0,80) width 459: "should also be a 10px gap between the top menu and the top of the page." |
| LayoutNGBlockFlow {P} at (8,187.88) size 512x40 |
| LayoutText {#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" |
| text run at (0,20) width 331: "vertically aligned with the top of the green rectangle." |
| LayoutTable {TABLE} at (192,435.88) size 592x374 [border: (1px outset #808080)] |
| LayoutTableSection {TBODY} at (1,1) size 590x372 |
| LayoutTableRow {TR} at (0,0) size 590x28 |
| LayoutNGTableCell {TD} at (0,0) size 590x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2] |
| LayoutInline {STRONG} at (0,0) size 161x19 |
| LayoutText {#text} at (4,4) size 161x19 |
| text run at (4,4) width 161: "TABLE Testing Section" |
| LayoutTableRow {TR} at (0,28) size 590x344 |
| LayoutNGTableCell {TD} at (0,186) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] |
| LayoutText {#text} at (4,162) size 4x19 |
| text run at (4,162) width 4: " " |
| LayoutNGTableCell {TD} at (12,28) size 578x343.88 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1] |
| LayoutNGBlockFlow (floating) {DIV} at (4,4) size 192x125.38 [color=#FFFFFF] [bgcolor=#008000] |
| LayoutNGBlockFlow {H1} at (8,8) size 176x23 |
| LayoutText {#text} at (0,0) size 83x22 |
| text run at (0,0) width 83: "Top menu" |
| LayoutNGBlockFlow {UL} at (24,34.19) size 155.20x80 |
| LayoutNGListItem {LI} at (0,0) size 155.20x20 |
| LayoutNGListMarker (anonymous) at (-18,0) size 7x20 |
| LayoutText (anonymous) at (0,0) size 7x19 |
| text run at (0,0) width 7: "\x{2022} " |
| LayoutText {#text} at (0,0) size 35x19 |
| text run at (0,0) width 35: "green" |
| LayoutNGListItem {LI} at (0,20) size 155.20x20 |
| LayoutNGListMarker (anonymous) at (-18,0) size 7x20 |
| LayoutText (anonymous) at (0,0) size 7x19 |
| text run at (0,0) width 7: "\x{2022} " |
| LayoutText {#text} at (0,0) size 62x19 |
| text run at (0,0) width 62: "white text" |
| LayoutNGListItem {LI} at (0,40) size 155.20x20 |
| LayoutNGListMarker (anonymous) at (-18,0) size 7x20 |
| LayoutText (anonymous) at (0,0) size 7x19 |
| text run at (0,0) width 7: "\x{2022} " |
| LayoutText {#text} at (0,0) size 94x19 |
| text run at (0,0) width 94: "0.5em padding" |
| LayoutNGListItem {LI} at (0,60) size 155.20x20 |
| LayoutNGListMarker (anonymous) at (-18,0) size 7x20 |
| LayoutText (anonymous) at (0,0) size 7x19 |
| text run at (0,0) width 7: "\x{2022} " |
| LayoutText {#text} at (0,0) size 87x19 |
| text run at (0,0) width 87: "0.5em margin" |
| LayoutNGBlockFlow (floating) {DIV} at (4,139.38) size 192x125.38 [color=#FFFFFF] [bgcolor=#0000FF] |
| LayoutNGBlockFlow {H1} at (8,8) size 176x23 |
| LayoutText {#text} at (0,0) size 112x22 |
| text run at (0,0) width 112: "Bottom menu" |
| LayoutNGBlockFlow {UL} at (24,34.19) size 155.20x80 |
| LayoutNGListItem {LI} at (0,0) size 155.20x20 |
| LayoutNGListMarker (anonymous) at (-18,0) size 7x20 |
| LayoutText (anonymous) at (0,0) size 7x19 |
| text run at (0,0) width 7: "\x{2022} " |
| LayoutText {#text} at (0,0) size 106x19 |
| text run at (0,0) width 106: "blue background" |
| LayoutNGListItem {LI} at (0,20) size 155.20x20 |
| LayoutNGListMarker (anonymous) at (-18,0) size 7x20 |
| LayoutText (anonymous) at (0,0) size 7x19 |
| text run at (0,0) width 7: "\x{2022} " |
| LayoutText {#text} at (0,0) size 62x19 |
| text run at (0,0) width 62: "white text" |
| LayoutNGListItem {LI} at (0,40) size 155.20x20 |
| LayoutNGListMarker (anonymous) at (-18,0) size 7x20 |
| LayoutText (anonymous) at (0,0) size 7x19 |
| text run at (0,0) width 7: "\x{2022} " |
| LayoutText {#text} at (0,0) size 94x19 |
| text run at (0,0) width 94: "0.5em padding" |
| LayoutNGListItem {LI} at (0,60) size 155.20x20 |
| LayoutNGListMarker (anonymous) at (-18,0) size 7x20 |
| LayoutText (anonymous) at (0,0) size 7x19 |
| text run at (0,0) width 7: "\x{2022} " |
| LayoutText {#text} at (0,0) size 87x19 |
| text run at (0,0) width 87: "0.5em margin" |
| LayoutNGBlockFlow {DIV} at (228,4) size 314x335.88 [bgcolor=#FFFF00] |
| LayoutNGBlockFlow {H1} at (8,29.44) size 298x37 |
| LayoutText {#text} at (0,0) size 274x36 |
| text run at (0,0) width 274: "The 'clear' property" |
| LayoutNGBlockFlow {P} at (8,87.88) size 298x180 |
| LayoutText {#text} at (0,0) size 298x179 |
| text run at (0,0) width 298: "This page has two floating \"menus\" on the" |
| text run at (0,20) width 298: "side; one has a green background, and the" |
| text run at (0,40) width 298: "other a blue background. Due to settings on the" |
| text run at (0,60) width 298: "'float' and 'clear' properties, the two menus" |
| text run at (0,80) width 298: "should appear on the left side of the page, the" |
| text run at (0,100) width 298: "blue below the green. There should be a 10px" |
| text run at (0,120) width 298: "gap between the two menus. There should also" |
| text run at (0,140) width 298: "be a 10px gap between the top menu and the" |
| text run at (0,160) width 98: "top of the page." |
| LayoutNGBlockFlow {P} at (8,267.88) size 298x60 |
| LayoutText {#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 219: "with the top of the green rectangle." |
| layer at (8,198) size 784x2 clip at (0,0) size 0x0 |
| LayoutNGBlockFlow {HR} at (0,190) size 784x2 [border: (1px inset #EEEEEE)] |