display-block-baselines-1.html 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  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. .block { display: block; }
  19. .grid { display: grid; }
  20. .no-theme {
  21. -moz-appearance: none;
  22. -webkit-appearance: none;
  23. appearance: none;
  24. padding: 20px 0;
  25. border: none;
  26. background: white;
  27. }
  28. .scroll {
  29. overflow-y: scroll;
  30. }
  31. .no-scroll {
  32. overflow: visible;
  33. }
  34. </style>
  35. </head>
  36. <body>
  37. <div>
  38. <div style="display:inline-block">
  39. A
  40. <img class="block" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAEElEQVQoz2NgGAWjYBTAAAADEAABaJFtwwAAAABJRU5ErkJggg%3D%3D">
  41. </div>
  42. B
  43. </div>
  44. <div>
  45. <div style="display:inline-block">
  46. A
  47. <input type="image" class="block" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAEElEQVQoz2NgGAWjYBTAAAADEAABaJFtwwAAAABJRU5ErkJggg%3D%3D">
  48. </div>
  49. B
  50. </div>
  51. <div>
  52. <div style="display:inline-block">
  53. A
  54. <input class="block" type="text" value="text">
  55. </div>
  56. B
  57. </div>
  58. <div>
  59. <div style="display:inline-block">
  60. A
  61. <input class="block scroll" type="text" value="text">
  62. </div>
  63. B
  64. </div>
  65. <div>
  66. <div style="display:inline-block">
  67. A
  68. <input class="block" type="text">
  69. </div>
  70. B
  71. </div>
  72. <div>
  73. <div style="display:inline-block">
  74. A
  75. <input class="block no-theme" type="text" value="text">
  76. </div>
  77. B
  78. </div>
  79. </body>
  80. </html>