Metin dikey hizalama Bir eleman stil çalışıyorum ve Helvetica yazı tipini kullanırken bu Firefox ve Chrome tutarsız görünüyorsa Helvetica

Question

kullanarak. Arial ve Lucida yine de aynı sonuçları verir.

ateş (sol) olarak

, metin dikey kuyruklu içeren metni saran bir kutu göre ortalanır. Chrome'da (sağda), merkezleme metnin üst kısmının taban çizgisine kadardır.

button { 
    border: 1px solid black; 
    font: 18px Helvetica; 
    padding: 10px; 
    background: #ddd; 
} 

Fiddle: http://jsfiddle.net/3wmhpb8g/7/

Bu Firefox 31 ve Mac/Yosemite Chrome 38 üzerindedir.

Görünümleri nasıl tutarlı hale getirebilirim?

Answer 1

Düğme sınıfına ekleyin:

-webkit-transform: rotate(-90deg); 
-moz-transform: rotate(-90deg); 
transform: rotate(-90deg);