3 <meta http-equiv="content-type" content="text/html; charset=utf-8">
5 <style type="text/css">
6 .outer { height: 100px; }
7 .test { max-height: 50%; }
8 .control { height: 50px; width: 50px; }
10 <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'">
13 <p>In this test you should see two identical blue squares, each 50px by 50px.</p>
15 <img src="resources/square-blue-100x100.png" alt="FAIL: Image support required." class="test">
18 <img src="resources/square-blue-100x100.png" alt="FAIL: Image support required." class="control">