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)
chrome
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
Post a Comment