tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

display-block-baselines-1-ref.html (1885B)

      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>