JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div class="container">
        <div class="column">
            <ul>
                <h2 id="blue">Basic $9<small>pm</small></h2>
                <li>256gb Bandwidth</li>
                <li>Unlimited Addon Domains</li>
                <li>50gb Disk Space</li>
                <li>cPanel Access &amp; Fantastico</li>
                <li>24/7 Live Support</li>
                <li>Email Accounts</li>
                <li>Free Domain</li>
                <li><a href="#" class="button"><span>Sign Up Now</span></a></li>
            </ul>
        </div>
        <div class="column">
            <ul>
                <h2 id="red">Free $0<small>pm</small></h2>
                <li>256gb Bandwidth</li>
                <li>Unlimited Addon Domains</li>
                <li>50gb Disk Space</li>
                <li>cPanel Access &amp; Fantastico</li>
                <li>24/7 Live Support</li>
                <li>Email Accounts</li>
                <li>Free Domain</li>
                <li><a href="#" class="button"><span>Sign Up Now</span></a></li>
            </ul>
        </div>
    </div>
</body>

CSS

#blue {
    background-color: blue;
    width: 150px;
}
#red {
    background-color:red;
    width: 150px;
}
.button {
    background-color:gray;
    text-decoration:none;
    border-style:solid;
    border-color:black;
    border-width:2px;
}
span, #blue, #red {
    color:#FFF
}
li {
    list-style-type:none;
}