JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="menu-box">
         <h1 class="title">TITLE</h1>
    </div>
        <div class="menu">
            <ul>
                <li>Item 1</li>
                <li>Item 2</li>
                <li>Item 3</li>
                <li>Item 4</li>
            </ul>
        </div>
   
</div>

CSS

.menu-box {
    width:600px;
}
.menu {
    width:600px;
    background-color:red;   
}
ul {
    display:block;
    width:100%;  
     padding:5% 0px;
}
ul li {
    display:inline;
}