JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer">
       <span>Name</span>
       <a href="#">Link</a>
</div>

CSS

span, a {
    display: inline-block;
}

.outer {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    background: yellow;
    width: 500px;
    float:left;
}