vertical-centering-ref.html (513B)
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>