JSFiddle - React, Tailwind, and code Playground

by Ivin Raj S

HTML

<body>
    <div class="wrapper">
        <a href="#" class="btn-all">Click Me</a>

    </div>
</body>

CSS

*
    {
        margin:0;
        padding:0;
    }

    body
    {
        font-family:Verdana, Geneva, sans-serif;
        font-size:12px;
        color:#fff;
        font-weight:400;
    }
    .wrapper
    {
        width:500px;
        height:100px;
        margin:50px auto 0 auto;
        border:1px solid #000;
    }
    .btn-all
    {
        background:#666;
        padding:5px 10px;
        color:#fff;
        text-decoration:none;
        
        display: inline-block;
  vertical-align: top;
    }
    .btn-all:hover
    {
        background:#900;
        color:#fff;
    }