JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
    <div class="nav-bar">
        <div class="layout">
            <ul class="nav">
                <li>menu item</li>
                <li>menu item</li>
                <li>menu item</li>
            </ul>
        </div>
    </div>
    
    <div class="content">
        <div class="layout">
            <p>
				Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam,
                eaque enim deleniti aliquid rerum! Fuga, quibusdam ipsa excepturi
                voluptatum cum in deleniti itaque dolore recusandae ratione saepe
                dicta accusantium!
			</p>
        </div>
    </div>
</div>

CSS

.layout {
    width: 60%;
    
    margin: auto;
    padding: 20px;
    
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

.nav-bar {
    background-color: #0174A3;
}

.nav {
    margin: 0;
    padding: 0;
}

.nav li {
    display: inline-block;
    
    margin-right: 30px;
    padding: 8px 0;
    
    color: #fff;
}