layer at (0,0) size 800x600
RenderView at (0,0) size 800x600
-layer at (0,0) size 800x133
- RenderBlock {HTML} at (0,0) size 800x133
- RenderBody {BODY} at (8,8) size 784x117
- RenderBlock {DIV} at (0,0) size 784x117 [color=#FFFFFF] [bgcolor=#000080] [border: (3px solid #0000FF) (96px solid #0000FF) (3px solid #0000FF)]
+layer at (0,0) size 800x140
+ RenderBlock {HTML} at (0,0) size 800x140
+ RenderBody {BODY} at (8,8) size 784x124
+ RenderBlock {DIV} at (0,0) size 784x124 [color=#FFFFFF] [bgcolor=#000080] [border: (3px solid #0000FF) (96px solid #0000FF) (3px solid #0000FF)]
RenderBlock (floating) {DIV} at (421,11) size 352x68 [bgcolor=#008080]
RenderBlock {P} at (16,16) size 320x36
RenderText {#text} at (0,0) size 320x35
text run at (0,0) width 320: "This teal box should start inside the dark blue box"
text run at (0,18) width 84: "and spill out "
text run at (83,18) width 175: "onto the blue area below it."
- RenderBlock {P} at (3,3) size 778x18
- RenderText {#text} at (0,0) size 263x17
- text run at (0,0) width 263: "You should see a teal box to the right. \x{21E8}"
+ RenderBlock {P} at (3,3) size 778x25
+ RenderText {#text} at (0,4) size 263x17
+ text run at (0,4) width 263: "You should see a teal box to the right. \x{21E8}"