layout/reftests/forms/display-block-baselines-4-ref.html

   1 <!DOCTYPE HTML>
   2 <!--
   3      Any copyright is dedicated to the Public Domain.
   4      http://creativecommons.org/publicdomain/zero/1.0/
   5 -->
   6 <html><head>
   7   <meta charset="utf-8">
   8   <title>Reference: Testcase #4 for bug 1330962</title>
   9   <style type="text/css">
  10 html,body {
  11   color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
  12 }
  13 * { font:16px/1 monospace; }
  14
  15 .block { display: block; }
  16 .grid { display: grid; }
  17
  18 .no-theme {
  19      -moz-appearance: none;
  20   -webkit-appearance: none;
  21           appearance: none;
  22   padding: 20px 0;
  23   border: none;
  24   background: white;
  25 }
  26
  27 .scroll {
  28   overflow-y: scroll;
  29 }
  30
  31 .no-scroll {
  32   overflow: visible;
  33 }
  34
  35   </style>
  36 </head>
  37 <body>
  38
  39 <div>
  40   <div style="display:inline-block">
  41     A<br>
  42     <div style="display:inline-block"><fieldset style="display:inline"><legend>legend</legend>
  43 fieldset-first<br>fieldset-last</fieldset></div>
  44   </div>
  45   B
  46 </div>
  47
  48 <div>
  49   <div style="display:inline-block">
  50     A<br>
  51     <fieldset style="display:inline-grid">grid-fieldset-first<x>grid-fieldset-last</x></fieldset>
  52   </div>
  53   B
  54 </div>
  55
  56 <div>
  57   <div style="display:inline-block">
  58     A<br>
  59     <fieldset style="display:inline" class="no-theme">fieldset-first<br>fieldset-last</fieldset>
  60   </div>
  61   B
  62 </div>
  63
  64 <div>
  65   <div style="display:inline-block">
  66     A<br>
  67     <fieldset style="display:inline" class="no-theme scroll">fieldset-first<br>fieldset-last</fieldset>
  68   </div>
  69   B
  70 </div>
  71
  72 </body>
  73 </html>