third_party/WebKit/LayoutTests/fast/css/heightless-list-item-expected.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
   2 <html>
   3  <head>
   4   <title>CSS Test: Reference Result</title>
   5   <!--  Adapted margin-top values to allow compensating values for height of 1px in the reference result-->
   6   <style type="text/css">
   7   #heightzerolistitem
   8   {
   9   color: green;
  10   display: list-item;
  11   font: 2em/1 serif;
  12   height: 1px; /*Amended to 1px to allow reference result to paint*/
  13   margin-left: 1.25em;
  14   overflow: visible;
  15   }
  16
  17   ul
  18   {
  19   height: auto;
  20   margin-top: 29px;
  21   overflow: visible;
  22   }
  23
  24   li
  25   {
  26   color: green;
  27   font: 2em/1 serif;
  28   height: 1px; /*Amended to 1px to allow reference result to paint*/
  29   overflow: visible;
  30   }
  31
  32   li#yhidden { overflow-y:hidden; }
  33   li#xhidden { overflow-x:hidden; }
  34
  35   ul#heightless {height: 1px; /*Amended to 1px to allow reference result to paint*/}
  36   </style>
  37
  38   </head>
  39   <body>
  40
  41   <p>Test passes if <strong>5 green "PASS"</strong> are each preceded by a filled disc.</p>
  42
  43   <!--Inline content in div with display: list-item, overflow: visible and height:0 gets painted-->
  44   <div id="heightzerolistitem">PASS</div>
  45
  46   <!--Inline content in list-item with overflow: visible and height:0 gets painted-->
  47   <ul>
  48     <li>PASS</li>
  49   </ul>
  50
  51   <!--Inline content in list-item and list-item parent with overflow: visible and height:0 gets painted-->
  52   <ul id="heightless">
  53     <li>PASS</li>
  54   </ul>
  55
  56   <!--Block content in div with display: list-item, overflow: visible and height:0 gets painted-->
  57   <div id="heightzerolistitem" style="margin-top: 59px;"><div>PASS</div></div>
  58
  59   <!--Block content in list-item with overflow: visible and height:0 gets painted-->
  60   <ul>
  61     <li><div>PASS</div></li>
  62   </ul>
  63
  64   <!--Inline content in div with display: list-item, overflow-y: hidden and height:0 does not get painted-->
  65   <div id="heightzerolistitem" style="overflow-y:hidden;">PASS</div>
  66
  67   </body>
  68 </html>