layout/reftests/forms/display-block-baselines-1-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 #1 for bug 1330962</title>
   9   <style type="text/css">
  10 @font-face {
  11  src: url(../fonts/Ahem.ttf);
  12  font-family: Ahem;
  13 }
  14 html,body {
  15   color:black; background-color:white; font:16px/1 Ahem; padding:0; margin:0;
  16 }
  17 * { font:16px/1 Ahem; }
  18
  19 .block { display: block; }
  20 .grid { display: grid; }
  21
  22 .no-theme {
  23      -moz-appearance: none;
  24   -webkit-appearance: none;
  25           appearance: none;
  26   padding: 20px 0;
  27   border: none;
  28   background: white;
  29 }
  30
  31 .scroll {
  32   overflow-y: scroll;
  33 }
  34
  35 .no-scroll {
  36   overflow: visible;
  37 }
  38
  39   </style>
  40 </head>
  41 <body>
  42
  43 <div>
  44   <div style="display:inline-grid">
  45     A<img class="block" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAEElEQVQoz2NgGAWjYBTAAAADEAABaJFtwwAAAABJRU5ErkJggg%3D%3D">
  46   </div>
  47   B
  48 </div>
  49
  50 <div>
  51   <div style="display:inline-grid">
  52     A
  53     <input type="image" class="block" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAEElEQVQoz2NgGAWjYBTAAAADEAABaJFtwwAAAABJRU5ErkJggg%3D%3D">
  54   </div>
  55   B
  56 </div>
  57
  58 <div>
  59   <div style="display:inline-block">
  60     A<br>
  61     <div style="display:inline-block"><input type="text" value="text"></div>
  62   </div>
  63   B
  64 </div>
  65
  66 <div>
  67   <div style="display:inline-block">
  68     A<br>
  69     <div style="display:inline-block"><input type="text" value="text"></div>
  70   </div>
  71   B
  72 </div>
  73
  74 <div>
  75   <div style="display:inline-block">
  76     A<br>
  77     <div style="display:inline-block"><input type="text"></div>
  78   </div>
  79   B
  80 </div>
  81
  82 <div>
  83   <div style="display:inline-block">
  84     A<br>
  85     <div style="display:inline-block"><input class="no-theme" type="text" value="text"></div>
  86   </div>
  87   B
  88 </div>
  89
  90 </body>
  91 </html>