text-align:center doesn't work for button

I was trying to place a button in the center and I could not apply text-align:center or margin: 0 auto and I found out that

button:{ textAlign: 'center', }, <div className={classes.button}> <Button variant="contained" color="primary"　　　 　　　　disableElevation　className={classes.button}> Confirm </Button> </div> 

You can enclose Button tag with div and apply text-align:center to div element!

Hope this helps!