| <!DOCTYPE html> |
| <title>CSS Test: Max-Height applied to element with 'float' set to 'left'</title> |
| <link rel="author" title="Oriol Brufau" href="obrufau@igalia.com"> |
| <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights"> |
| <link rel="match" href="../../reference/ref-filled-green-100px-square-only.html"> |
| <meta name="assert" content="The float should be 100px tall, not 200px."> |
| |
| <style> |
| .float { |
| float: left; |
| width: 100px; |
| height: 200px; |
| max-height: 100px; |
| background: green; |
| } |
| </style> |
| |
| <p>Test passes if there is a filled green square.</p> |
| <div class="float"></div> |
