-layer at (0,0) size 785x961
+layer at (0,0) size 785x965
RenderView at (0,0) size 785x600
-layer at (0,0) size 785x961
- RenderBlock {HTML} at (0,0) size 785x961
- RenderBody {BODY} at (8,8) size 769x945 [bgcolor=#CCCCCC]
+layer at (0,0) size 785x965
+ RenderBlock {HTML} at (0,0) size 785x965
+ RenderBody {BODY} at (8,8) size 769x949 [bgcolor=#CCCCCC]
RenderBlock {P} at (0,0) size 769x18
RenderText {#text} at (0,0) size 363x17
text run at (0,0) width 363: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,34) size 769x60
- RenderText {#text} at (0,0) size 164x60
- text run at (0,0) width 149: ".one {clear: left;}"
- text run at (148,0) width 1: " "
- text run at (0,15) width 157: ".two {clear: right;}"
- text run at (156,15) width 1: " "
- text run at (0,30) width 164: ".three {clear: both;}"
- text run at (163,30) width 1: " "
- text run at (0,45) width 157: ".four {clear: none;}"
- text run at (156,45) width 1: " "
- RenderBlock {HR} at (0,107) size 769x2 [border: (1px inset #EEEEEE)]
- RenderImage {IMG} at (0,117) size 15x50
- RenderBlock {P} at (0,125) size 769x18
+ RenderBlock {PRE} at (0,34) size 769x64
+ RenderText {#text} at (0,0) size 168x64
+ text run at (0,0) width 152: ".one {clear: left;}"
+ text run at (152,0) width 0: " "
+ text run at (0,16) width 160: ".two {clear: right;}"
+ text run at (160,16) width 0: " "
+ text run at (0,32) width 168: ".three {clear: both;}"
+ text run at (168,32) width 0: " "
+ text run at (0,48) width 160: ".four {clear: none;}"
+ text run at (160,48) width 0: " "
+ RenderBlock {HR} at (0,111) size 769x2 [border: (1px inset #EEEEEE)]
+ RenderImage {IMG} at (0,121) size 15x50
+ RenderBlock {P} at (0,129) size 769x18
RenderText {#text} at (18,0) size 607x17
text run at (18,0) width 607: "This text should be flowing past a tall orange rectangle on the left side of the browser window."
- RenderBlock (anonymous) at (0,159) size 769x18
+ RenderBlock (anonymous) at (0,163) size 769x18
RenderBR {BR} at (18,0) size 0x17
RenderImage {IMG} at (0,18) size 15x50
- RenderBlock {P} at (0,227) size 769x18
+ RenderBlock {P} at (0,231) size 769x18
RenderText {#text} at (0,0) size 662x17
text run at (0,0) width 662: "This paragraph should appear below the tall orange rectangle above and to the left, and not flow past it."
- RenderBlock (anonymous) at (0,261) size 769x18
+ RenderBlock (anonymous) at (0,265) size 769x18
RenderBR {BR} at (0,0) size 0x17
RenderImage {IMG} at (754,18) size 15x50
- RenderBlock {P} at (0,329) size 769x18
+ RenderBlock {P} at (0,333) size 769x18
RenderText {#text} at (0,0) size 671x17
text run at (0,0) width 671: "This paragraph should appear below the tall orange rectangle above and to the right, and not flow past it."
- RenderBlock (anonymous) at (0,363) size 769x18
+ RenderBlock (anonymous) at (0,367) size 769x18
RenderBR {BR} at (0,0) size 0x17
RenderImage {IMG} at (0,18) size 15x50
RenderImage {IMG} at (754,18) size 15x50
- RenderBlock {P} at (0,431) size 769x18
+ RenderBlock {P} at (0,435) size 769x18
RenderText {#text} at (0,0) size 612x17
text run at (0,0) width 612: "This paragraph should appear below the two tall orange rectangles, and not flow between them."
- RenderImage {IMG} at (0,465) size 15x50
- RenderImage {IMG} at (754,465) size 15x50
- RenderBlock {P} at (0,465) size 769x18
+ RenderImage {IMG} at (0,469) size 15x50
+ RenderImage {IMG} at (754,469) size 15x50
+ RenderBlock {P} at (0,469) size 769x18
RenderText {#text} at (18,0) size 397x17
text run at (18,0) width 397: "This paragraph should be between both tall orange rectangles."
- RenderBlock (anonymous) at (0,499) size 769x18
+ RenderBlock (anonymous) at (0,503) size 769x18
RenderBR {BR} at (18,0) size 0x17
- RenderTable {TABLE} at (0,517) size 693x428 [border: (1px outset #808080)]
+ RenderTable {TABLE} at (0,521) size 693x428 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 691x426
RenderTableRow {TR} at (0,0) size 691x26
RenderTableCell {TD} at (0,0) size 691x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]