| <html> |
| <head> |
| <meta http-equiv="content-type" content="text/html; charset=utf-8"> |
| <title>Test</title> |
| <style type="text/css"> |
| .outer { height: 100px; } |
| .test { max-height: 50%; } |
| .control { height: 50px; width: 50px; } |
| </style> |
| <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" title="10.7 Minimum and maximum heights: 'min-height' and 'max-height'"> |
| </head> |
| <body> |
| <p>In this test you should see two identical blue squares, each 50px by 50px.</p> |
| <div class="outer"> |
| <img src="resources/square-blue-100x100.png" alt="FAIL: Image support required." class="test"> |
| </div> |
| <br> |
| <img src="resources/square-blue-100x100.png" alt="FAIL: Image support required." class="control"> |
| </body> |
| </html> |
