JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box1">
    <a href="#">One line</a>
</div>
<br>
<div class="box2">
    <a href="#">Two funky lines!!</a>
</div>

CSS

.box1 { width:100px; height:100px; background:#eee; line-height:100px; text-align:center; }

.box2 { width:100px; height:70px; background:#eee; line-height:20px; padding-top:30px; text-align:center; }