JSFiddle - React, Tailwind, and code Playground

by derekstory

HTML

<div class="outer">
   <div class="buttons">
      <button type="submit">SUBMIT</button><span></span>
   </div>
</div>

CSS

.outer {
    text-align: center;
    margin: auto;
    width: 200px;
}

/* BUTTONS */

.buttons button{
cursor: pointer;
cursor: hand;
border: 0;
height: 28px;
float: left;
text-indent: 4px;
text-decoration:none;
font-weight: bold;
text-transform: uppercase;
font-size: 1.2em;
background: url(../images/button.png);
}

.buttons span{ /* Right-hand corner */
cursor: pointer;
cursor: hand;
display: block;
width: 5px;
height: 28px;
float: left;
background: url(../images/button.png) top right;
}