robert@webkit.org | 0903cf5 | 2012-12-11 18:14:16 +0000 | [diff] [blame] | 1 | <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
| 2 | <html> |
| 3 | <head> |
| 4 | <style> |
| 5 | body { width: 400px;} |
| 6 | .container { font: 12px Ahem; width: 100px; height: 150px; position: relative;} |
| 7 | div { background: white; } |
| 8 | img { background: red; width: 20px; height: 20px; } |
| 9 | .narrowfloat { float: left; width: 10px; height: 25px;} |
| 10 | .widefloat { float: left; clear: left; width: 40px; height: 5px;} |
| 11 | .reference { position: absolute; width: 20px; height: 20px; background: black; } |
| 12 | .first { left: 10px; } |
| 13 | .second { left: 40px; top: 22px; } |
| 14 | </style> |
| 15 | </head> |
| 16 | <body> |
| 17 | <!-- In strict mode, images do not have their descent removed across line breaks. |
| 18 | Ensure the images find the correct offset for their line when avoiding floats. --> |
| 19 | There should be no red visible below. |
| 20 | <div class="container"> |
| 21 | <div class="narrowfloat"></div> |
| 22 | <div class="widefloat"></div> |
| 23 | <!-- This should cover the first image. --> |
| 24 | <div class="reference first"></div> |
| 25 | <!-- This should cover the second image. --> |
| 26 | <div class="reference second"></div> |
| 27 | <img><br><img> |
| 28 | </div> |
| 29 | </body></html> |