layout/reftests/forms/display-block-baselines-1.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>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-block">
  45     A
  46     <img class="block" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAEElEQVQoz2NgGAWjYBTAAAADEAABaJFtwwAAAABJRU5ErkJggg%3D%3D">
  47   </div>
  48   B
  49 </div>
  50
  51 <div>
  52   <div style="display:inline-block">
  53     A
  54     <input type="image" class="block" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAEElEQVQoz2NgGAWjYBTAAAADEAABaJFtwwAAAABJRU5ErkJggg%3D%3D">
  55   </div>
  56   B
  57 </div>
  58
  59 <div>
  60   <div style="display:inline-block">
  61     A
  62     <input class="block" type="text" value="text">
  63   </div>
  64   B
  65 </div>
  66
  67 <div>
  68   <div style="display:inline-block">
  69     A
  70     <input class="block scroll" type="text" value="text">
  71   </div>
  72   B
  73 </div>
  74
  75 <div>
  76   <div style="display:inline-block">
  77     A
  78     <input class="block" type="text">
  79   </div>
  80   B
  81 </div>
  82
  83 <div>
  84   <div style="display:inline-block">
  85     A
  86     <input class="block no-theme" type="text" value="text">
  87   </div>
  88   B
  89 </div>
  90
  91 </body>
  92 </html>