JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<a href="#">a link</a>
</div>

CSS

div {
 border: 2px solid yellow;
 height: 30px;
 width: 300px;
 text-align: center;
 padding-bottom: 20px;
}

a {
 line-height: 30px;
 vertical-align: middle;
 border-bottom-width: 1px;
 border-bottom-style: dashed;
 text-decoration: none;
 padding-bottom: 20px;
}