How To Properly Center Text In A Button?

I'm using

Solution 1:

By default, the text in <button> will always be centered. You just have to play around with padding to change its position.

The tag is supported in all major browsers but be caution since different browsers will send different values to it. so it might be different for each browsers.