third_party/WebKit/LayoutTests/fast/inline/inline-with-empty-inline-children.html

   1 <!DOCTYPE html>
   2 <html>
   3  <head>
   4   <style>
   5     .block { display: block; background: green; }
   6     .inline { display: inline; margin-left: 40px; font: 30px/1 Ahem;}
   7     span { width: 50%; background: white; }
   8     .absolute { position: absolute; }
   9     .float { float: left; }
  10   </style>
  11   <script src="../../resources/check-layout.js"></script>
  12  </head>
  13  <body>
  14   <p> https://bugs.webkit.org/show_bug.cgi?id=95772: There should be six green bars below with a PASS in each. </p>
  15   <div class="block">
  16    <div class="inline" data-expected-height="30"> <span class="absolute"></span> <span class="absolute"></span> </div>
  17   </div>
  18   <div class="block">
  19    <div class="inline" data-expected-height="30"><span class="absolute"></span><span class="absolute"></span></div>
  20   </div>
  21   <div class="block">
  22    <div class="inline" data-expected-height="30"><span class="float"></span><span class="float"></span></div>
  23   </div>
  24   <div class="block">
  25    <div class="inline" data-expected-height="30"> <span class="float"></span> <span class="float"></span></div>
  26   </div>
  27   <div class="block">
  28    <div class="inline" data-expected-height="30"><span></span><span></span></div>
  29   </div>
  30   <div class="block">
  31    <div class="inline" data-expected-height="30"> <span></span> <span></span></div>
  32   </div>
  33   <script>
  34    checkLayout('body > div > div')
  35   </script>
  36  </body>
  37 </html>