--- /dev/null
+layer at (0,0) size 800x600
+ RenderCanvas at (0,0) size 800x600
+layer at (0,0) size 800x519
+ RenderBlock {HTML} at (0,0) size 800x519
+ RenderBody {BODY} at (8,8) size 784x503
+ RenderBlock {DIV} at (0,0) size 385x503
+ RenderImage {IMG} at (0,0) size 395x275
+ RenderBlock {H2} at (0,315) size 385x28
+ RenderText {TEXT} at (0,0) size 316x28
+ text run at (0,0) width 316: "This text should be on line one."
+ RenderBlock (anonymous) at (0,362) size 385x36
+ RenderText {TEXT} at (0,0) size 340x36
+ text run at (0,0) width 269: "This text should be on the following lines. "
+ text run at (269,0) width 71: "These lines"
+ text run at (0,18) width 121: "should not overlap."
+ RenderBlock {H2} at (0,438) size 385x28
+ RenderText {TEXT} at (0,0) size 211x28
+ text run at (0,0) width 211: "Here's what's weird."
+ RenderBlock (anonymous) at (0,485) size 385x18
+ RenderText {TEXT} at (0,0) size 136x18
+ text run at (0,0) width 136: "The problem persists!"
--- /dev/null
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+
+ <title>Jeffrey Zeldman Presents: The Daily Report</title>
+
+<style>
+
+#bravefourhundred {
+ width: 385px;
+}
+
+h2 { margin-top: 40px; }
+
+img {
+ display: block;
+}
+</style>
+
+
+
+ </head>
+
+<body>
+<div id="bravefourhundred">
+<img width="395" height="275" border="0">
+
+<h2>This text should be on line one.</h2>
+
+This text should be on the following lines. These lines should not overlap.
+
+<h2>Here's what's weird.</h2>
+
+The problem persists!
+</div>
+</body>
+</html>