css - HTML button text alignment in Firefox -


using css:

button {     font-size: 14px;     height: 25px;     width: 25px;     text-align: center;     vertical-align: middle;     padding: 0;     margin-left: auto;     margin-right: auto; } 

i unable align text in firefox. example:

firefox (38.0.5)

enter image description here

chrome

enter image description here

the horizontal alignment of [+] button off in firefox, not in chrome? what's going on , how can fix it?

jsfiddle: http://jsfiddle.net/oge3tg3n/2/

if increase height , width 27px, alignment centered in both firefox , chrome.

button {    font-size: 14px;    height: 27px;    width: 27px;    text-align: center;    vertical-align: middle;    padding: 0;    margin-left: auto;    margin-right: auto; } 

tested in firefox 38.0.5.


Comments

Popular posts from this blog

python - No exponential form of the z-axis in matplotlib-3D-plots -

php - Best Light server (Linux + Web server + Database) for Raspberry Pi -

c# - "Newtonsoft.Json.JsonSerializationException unable to find constructor to use for types" error when deserializing class -