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>