tor-browser

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

display-block-baselines-1.html (1760B)


      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>