third_party/WebKit/LayoutTests/fast/replaced/maxheight-percent.html

   1 <html>
   2 <head>
   3   <meta http-equiv="content-type" content="text/html; charset=utf-8">
   4   <title>Test</title>
   5   <style type="text/css">
   6     .outer { height: 100px; }
   7     .test { max-height: 50%; }
   8     .control { height: 50px; width: 50px; }
   9   </style>
  10   <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" title="10.7 Minimum and maximum heights: &apos;min-height&apos; and &apos;max-height&apos;">
  11 </head>
  12 <body>
  13   <p>In this test you should see two identical blue squares, each 50px by 50px.</p>
  14   <div class="outer">
  15     <img src="resources/square-blue-100x100.png" alt="FAIL: Image support required." class="test">
  16   </div>
  17   <br>
  18   <img src="resources/square-blue-100x100.png" alt="FAIL: Image support required." class="control">
  19 </body>
  20 </html>