layout/reftests/forms/select/vertical-centering-ref.html

   1 <!DOCTYPE html>
   2 <style>
   3   @font-face {
   4     font-family: "Ahem";
   5     src: url(../../fonts/Ahem.ttf);
   6   }
   7   select {
   8     -moz-appearance: none;
   9     border: none;
  10     font: 20px/1 Ahem;
  11     box-sizing: content-box;
  12     /* The testcase has 20px-tall text, which should be centered in a 40px-tall
  13      content-box (with 10px of extra space above and below).  We emulate that
  14      by having explicit 10px of padding on top and bottom. */
  15     padding: 10px 0 10px 0;
  16   }
  17 </style>
  18 <select>
  19   <option>X</option>
  20 </select>