テキストの位置揃え:ボタンはボタンでは動作しません


私はセンターでボタンを配置しようとしていました、そして、私はテキストAlignを適用することができませんでした
button:{
  textAlign: 'center',
},

 <div className={classes.button}>
     <Button variant="contained" color="primary"   
    disableElevation className={classes.button}>
       Confirm
     </Button>
 </div>

あなたは、divでボタンタグを囲むことができて、テキストAlignを適用することができます:DIV要素にセンター!
これが助ける望み!