JSFiddle - React, Tailwind, and code Playground

HTML

<div>
   <div class="level-1-menus">Centered</div>
</div>

CSS

div.level-1-menus {
    background: url("http://www.clker.com/cliparts/x/u/B/A/8/Z/white-background-gold-button-md.png") no-repeat scroll 0px 0px transparent;
    width: 208px;
    height: 100px; 
    line-height: 100px;/*same as hight always*/
    text-align: center;
    background-size: 100%;
    font-size:33px;
}
div.level-1-menus:hover{
    color: #622; cursor:pointer;
}