JSFiddle - React, Tailwind, and code Playground

HTML

<div class=wrapper>


    <button class="button dhCenter">My button</button>
    
</div>

CSS

.button.dhCenter {
    height:20px;
    display: inline-block;
    text-align:center;
    border: 1px solid #639ecd;
    background-image: none;
    background-color: #639ecd;
    color: #fff;
    width:120px;
}
.wrapper {
 text-align:center;
margin:auto;   
}