JSFiddle - React, Tailwind, and code Playground

HTML

<div class="link-container">
        <a href="http://www.stackoverflow.com">Stack Overflow</a>
    </div>

    <div class="link-container">
        <a href="http://www.stackoverflow.com">Stack Overflow</a>
    </div>

CSS

.link-container {
        border: 0px solid;
        height: 25px;
    
    }

    .link-container a {
        display: block;
        background: #660000;
        height: 25px;
        text-align: center;
    font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;
text-decoration: none;
    }

    .link-container a:hover {
        background: #A11F1F;
    font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;
    text-decoration: underline;
    }