+++ /dev/null
-layer at (0,0) size 800x600
- RenderView at (0,0) size 800x600
-layer at (0,0) size 800x224
- RenderBlock {HTML} at (0,0) size 800x224
- RenderBody {BODY} at (8,16) size 784x200
- RenderBlock {P} at (0,0) size 784x18
- RenderText {#text} at (0,0) size 295x18
- text run at (0,0) width 295: "The following two squares should be identical."
- RenderTable {TABLE} at (0,34) size 316x166
- RenderTableSection {TBODY} at (0,0) size 316x166
- RenderTableRow {TR} at (0,16) size 316x134
- RenderTableCell {TD} at (16,16) size 134x134 [bgcolor=#FF0000] [border: (3px solid #000000)] [r=0 c=0 rs=1 cs=1]
- RenderBlock {DIV} at (3,3) size 128x128 [bgcolor=#00FF00]
- RenderBlock (floating) {DIV} at (0,0) size 64x64 [bgcolor=#00FFFF]
- RenderBlock {DIV} at (0,64) size 128x0 [bgcolor=#FF0000]
- RenderBlock {DIV} at (0,64) size 128x64 [border: (32px solid #FFFF00)]
- RenderTableCell {TD} at (166,16) size 134x134 [bgcolor=#FF0000] [border: (3px solid #000000)] [r=0 c=1 rs=1 cs=1]
- RenderTable {TABLE} at (3,3) size 128x128
- RenderTableSection {TBODY} at (0,0) size 128x128
- RenderTableRow {TR} at (0,0) size 128x64
- RenderTableCell {TD} at (0,32) size 64x0 [bgcolor=#00FFFF] [r=0 c=0 rs=1 cs=1]
- RenderTableCell {TD} at (64,32) size 64x0 [bgcolor=#00FF00] [r=0 c=1 rs=1 cs=1]
- RenderTableRow {TR} at (0,64) size 128x64
- RenderTableCell {TD} at (0,96) size 128x0 [bgcolor=#FFFF00] [r=1 c=0 rs=1 cs=2]
--- /dev/null
+layer at (0,0) size 785x1110
+ RenderView at (0,0) size 785x600
+layer at (0,0) size 785x1110
+ RenderBlock {HTML} at (0,0) size 785x1110
+ RenderBody {BODY} at (8,8) size 769x1094
+ RenderBlock {SPAN} at (0,0) size 769x18
+ RenderBlock (floating) {DIV} at (0,0) size 100x100 [bgcolor=#00FF00]
+ RenderText {#text} at (0,0) size 85x54
+ text run at (0,0) width 85: "This is a float"
+ text run at (0,18) width 81: "that is 100px"
+ text run at (0,36) width 32: "high."
+ RenderText {#text} at (100,0) size 284x18
+ text run at (100,0) width 284: "This paragraph has a bottom margin of 50px."
+ RenderBlock {SPAN} at (0,100) size 769x0
+ RenderBlock {SPAN} at (0,100) size 769x18
+ RenderText {#text} at (0,0) size 300x18
+ text run at (0,0) width 300: "This text should be immediately under the float."
+ RenderBlock {HR} at (0,126) size 769x2 [border: (1px inset #000000)]
+ RenderBlock {SPAN} at (0,136) size 769x18
+ RenderBlock (floating) {DIV} at (0,0) size 100x100 [bgcolor=#00FF00]
+ RenderText {#text} at (0,0) size 85x54
+ text run at (0,0) width 85: "This is a float"
+ text run at (0,18) width 81: "that is 100px"
+ text run at (0,36) width 32: "high."
+ RenderText {#text} at (100,0) size 284x18
+ text run at (100,0) width 284: "This paragraph has a bottom margin of 50px."
+ RenderBlock {SPAN} at (0,236) size 769x0
+ RenderBlock {SPAN} at (0,246) size 769x18
+ RenderText {#text} at (0,0) size 255x18
+ text run at (0,0) width 255: "This text should be 10px under the float."
+ RenderBlock {HR} at (0,272) size 769x2 [border: (1px inset #000000)]
+ RenderBlock {SPAN} at (0,282) size 769x18
+ RenderBlock (floating) {DIV} at (0,0) size 100x100 [bgcolor=#00FF00]
+ RenderText {#text} at (0,0) size 85x54
+ text run at (0,0) width 85: "This is a float"
+ text run at (0,18) width 81: "that is 100px"
+ text run at (0,36) width 32: "high."
+ RenderText {#text} at (100,0) size 284x18
+ text run at (100,0) width 284: "This paragraph has a bottom margin of 50px."
+ RenderBlock {SPAN} at (0,382) size 769x0
+ RenderBlock {SPAN} at (0,382) size 769x18
+ RenderText {#text} at (0,0) size 300x18
+ text run at (0,0) width 300: "This text should be immediately under the float."
+ RenderBlock {HR} at (0,408) size 769x2 [border: (1px inset #000000)]
+ RenderBlock {SPAN} at (0,418) size 769x18
+ RenderBlock (floating) {DIV} at (0,0) size 100x100 [bgcolor=#00FF00]
+ RenderText {#text} at (0,0) size 85x54
+ text run at (0,0) width 85: "This is a float"
+ text run at (0,18) width 81: "that is 100px"
+ text run at (0,36) width 32: "high."
+ RenderText {#text} at (100,0) size 284x18
+ text run at (100,0) width 284: "This paragraph has a bottom margin of 50px."
+ RenderBlock {SPAN} at (0,518) size 769x0
+ RenderBlock {SPAN} at (0,518) size 769x18
+ RenderText {#text} at (0,0) size 300x18
+ text run at (0,0) width 300: "This text should be immediately under the float."
+ RenderBlock {HR} at (0,544) size 769x2 [border: (1px inset #000000)]
+ RenderBlock {SPAN} at (0,554) size 769x18
+ RenderBlock (floating) {DIV} at (0,0) size 100x100 [bgcolor=#00FF00]
+ RenderText {#text} at (0,0) size 85x54
+ text run at (0,0) width 85: "This is a float"
+ text run at (0,18) width 81: "that is 100px"
+ text run at (0,36) width 32: "high."
+ RenderText {#text} at (100,0) size 284x18
+ text run at (100,0) width 284: "This paragraph has a bottom margin of 50px."
+ RenderBlock {SPAN} at (0,654) size 769x0
+ RenderBlock {SPAN} at (0,664) size 769x18
+ RenderText {#text} at (0,0) size 255x18
+ text run at (0,0) width 255: "This text should be 10px under the float."
+ RenderBlock {HR} at (0,690) size 769x2 [border: (1px inset #000000)]
+ RenderBlock {SPAN} at (0,700) size 769x18
+ RenderBlock (floating) {DIV} at (0,0) size 100x100 [bgcolor=#00FF00]
+ RenderText {#text} at (0,0) size 85x54
+ text run at (0,0) width 85: "This is a float"
+ text run at (0,18) width 81: "that is 100px"
+ text run at (0,36) width 32: "high."
+ RenderText {#text} at (100,0) size 284x18
+ text run at (100,0) width 284: "This paragraph has a bottom margin of 50px."
+ RenderBlock {SPAN} at (0,800) size 769x0
+ RenderBlock {SPAN} at (0,800) size 769x18
+ RenderText {#text} at (0,0) size 300x18
+ text run at (0,0) width 300: "This text should be immediately under the float."
+ RenderBlock {HR} at (0,826) size 769x2 [border: (1px inset #000000)]
+ RenderBlock {SPAN} at (0,836) size 769x120 [border: (10px dotted #000000)]
+ RenderBlock {SPAN} at (10,10) size 749x18
+ RenderBlock (floating) {DIV} at (0,0) size 100x100 [bgcolor=#00FF00]
+ RenderText {#text} at (0,0) size 85x54
+ text run at (0,0) width 85: "This is a float"
+ text run at (0,18) width 81: "that is 100px"
+ text run at (0,36) width 32: "high."
+ RenderText {#text} at (100,0) size 284x18
+ text run at (100,0) width 284: "This paragraph has a bottom margin of 50px."
+ RenderBlock {SPAN} at (10,110) size 749x0
+ RenderBlock {HR} at (0,964) size 769x2 [border: (1px inset #000000)]
+ RenderBlock {SPAN} at (0,974) size 769x120 [border: (10px dotted #000000)]
+ RenderBlock {SPAN} at (10,10) size 749x18
+ RenderBlock (floating) {DIV} at (0,0) size 100x100 [bgcolor=#00FF00]
+ RenderText {#text} at (0,0) size 85x54
+ text run at (0,0) width 85: "This is a float"
+ text run at (0,18) width 81: "that is 100px"
+ text run at (0,36) width 32: "high."
+ RenderText {#text} at (100,0) size 284x18
+ text run at (100,0) width 284: "This paragraph has a bottom margin of 50px."
+ RenderBlock {SPAN} at (10,110) size 749x0
--- /dev/null
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+<head>
+<style>
+div {
+ width:100px;
+ height:100px;
+ background-color:lime;
+ float:left
+}
+
+span {
+ display:block
+}
+</style>
+</head>
+<body>
+<span style="margin-bottom:50px"><div>This is a float that is 100px high.</div>
+This paragraph has a bottom margin of 50px.</span>
+<span style="clear:both; margin-top:25px;margin-bottom:30px"></span>
+<span>This text should be immediately under the float.</span>
+<hr>
+<span style="margin-bottom:50px"><div>This is a float that is 100px high.</div>
+This paragraph has a bottom margin of 50px.</span>
+<span style="clear:both; margin-top:25px;margin-bottom:30px"></span>
+<span style="margin-top:40px">This text should be 10px under the float.</span>
+<hr>
+<span style="margin-bottom:50px"><div>This is a float that is 100px high.</div>
+This paragraph has a bottom margin of 50px.</span>
+<span style="clear:both; margin-top:30px;margin-bottom:-60px"></span>
+<span style="margin-top:60px">This text should be immediately under the float.</span>
+<hr>
+<span style="margin-bottom:50px"><div>This is a float that is 100px high.</div>
+This paragraph has a bottom margin of 50px.</span>
+<span style="clear:both; margin-top:25px;margin-bottom:30px"></span>
+<span>This text should be immediately under the float.</span>
+<hr>
+<span style="margin-bottom:50px"><div>This is a float that is 100px high.</div>
+This paragraph has a bottom margin of 50px.</span>
+<span style="clear:both; margin-top:30px"></span>
+<span style="margin-top:40px">This text should be 10px under the float.</span>
+<hr>
+<span style="margin-bottom:50px"><div>This is a float that is 100px high.</div>
+This paragraph has a bottom margin of 50px.</span>
+<span style="clear:both; margin-top:-30px"></span>
+<span style="margin-top:30px">This text should be immediately under the float.</span>
+<hr>
+<span style="border:10px dotted black">
+ <span style="margin-bottom:50px"><div>This is a float that is 100px high.</div>
+ This paragraph has a bottom margin of 50px.</span>
+ <span style="clear:both; margin-top:25px;margin-bottom:30px"></span>
+</span>
+<hr>
+<span style="border:10px dotted black">
+ <span style="margin-bottom:50px"><div>This is a float that is 100px high.</div>
+ This paragraph has a bottom margin of 50px.</span>
+ <span style="clear:both; margin-top:-30px"></span>
+</span>