display-block-baselines-5-ref.html 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  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 #5 for bug 1330962</title>
  9. <style type="text/css">
  10. html,body {
  11. color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
  12. }
  13. * { font:16px/1 monospace; }
  14. .block { display: block; }
  15. .grid { display: grid; }
  16. .no-theme {
  17. -moz-appearance: none;
  18. -webkit-appearance: none;
  19. appearance: none;
  20. padding: 20px 0;
  21. border: none;
  22. background: white;
  23. }
  24. .scroll {
  25. overflow-y: scroll;
  26. }
  27. .no-scroll {
  28. overflow: visible;
  29. }
  30. </style>
  31. </head>
  32. <body>
  33. <div>
  34. <div style="display:inline-block">
  35. A<br>
  36. <input type="color">
  37. </div>
  38. B
  39. </div>
  40. <div>
  41. <div style="display:inline-block">
  42. A<br>
  43. <input type="color" class="no-theme">
  44. </div>
  45. B
  46. </div>
  47. <div>
  48. <div style="display:inline-block">
  49. A<br>
  50. <select><option>select</select>
  51. </div>
  52. B
  53. </div>
  54. <div>
  55. <div style="display:inline-block">
  56. A<br>
  57. <select class="no-theme"><option>select</select>
  58. </div>
  59. B
  60. </div>
  61. </body>
  62. </html>