JSFiddle - React, Tailwind, and code Playground

HTML

<div style="text-align: center;">
    <a href="#">Previous Facility</a>
    <span style="width:20%" class="important-center">Facility</span>
    <a href="#">Next Facility</a>
</div>

<div style="text-align: center;">
    <a href="#" style="float: left;">Previous Facility</a>
    <span style="width:20%" class="important-center">Facility</span>
    <a href="#" style="float: right;">Next Facility</a>
</div>

CSS

.important-center {
    font-size:20px;
    letter-spacing:1px;  
    padding: 6px;
    color: #314457;
}