| <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
| <html> |
| |
| <head> |
| |
| <title>CSS Test: Margin collapsing with clearance - margins of a 'collapsed through' box with clearance do not collapse with parent block's bottom margin</title> |
| |
| <style type="text/css"> |
| |
| #parent-red |
| { |
| background-color: lime; |
| border-top: black solid 2px; |
| width: 50%; |
| height: 130px; |
| } |
| #parent-lime |
| { |
| background-color: yellow; |
| height: 20px; |
| width: 50%; |
| } |
| |
| </style> |
| |
| </head> |
| |
| <body> |
| |
| <p>Test passes if there is a yellow rectangle below the lime rectangle.</p> |
| |
| <div id="parent-red"></div> |
| <div id="parent-lime"></div> |
| </body> |
| </html> |
