JSFiddle - React, Tailwind, and code Playground

HTML

<div>

    <span class='title'>TITLE GOES HERE</span>
    
    <ul class='nav nav-pills'>
        <li><a href='#'>menu1</a></li>
        <li><a href='#'>menu2</a></li>
    </ul>

</div>

CSS

ul{
    margin-top:-40px;
}
ul li{
    display:inline;
}
.title{
    position:relative;
    text-align:right;
    display:block;
    font-size:47px;
    font-weight:bold;
    opacity:0.2;
    z-index: -1;
}