1 <!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.0//EN">
4 <title>Replaced inline elements wrapping around floats (pixel widths)
</title>
5 <style type=
"text/css">
6 div
{ width: 600px; height: 200px; background: red
; }
7 div p
{ height: 100px; background: green
; }
8 img
{ vertical-align: bottom
; }
9 img
.float
{ float: left
; }
10 img
.flow
{ width: 600px; height: 100px; }
14 <p>There should be no red below.
</p>
17 <img src=
"resources/sample.gif" alt=
"" class=
"float">
18 <img src=
"resources/sample.gif" alt=
"Image support required for this test" class=
"flow">