JSFiddle - React, Tailwind, and code Playground

HTML

<section class="page-header">
    
    <h1>Particulier</h1>
    
    <p>Stukje tekst...</p>
    
    <nav class="navigation sub-navigation" role="navigation">
        <ul itemscope="itemscope" itemtype="http://schema.org/SiteNavigationElement">
            <li><a href="#">Menu item</a></li>
            <li><a href="#">Menu item</a></li>
            <li><a href="#">Menu item</a></li>
        </ul>
    </nav>
</section>

CSS

.page-header {
    position: relative;
    width: 100%;
    padding: 120px 0 40px;
    text-align: center;
    background-color: #999;
}

.navigation {
    display: inline-block;
    position: relative;
}

.navigation ul {
    display: inline-block;
    margin: 0 0 -65px;
    padding: 0;
    height: 40px;
    line-height: 40px;
    background-color: #ccc;
}

.navigation li {
    display: inline-block;
    list-style: none;
}

.navigation a {
    display: block;
    padding: 0 12px;
}