JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>Home</li>
<li>About Us
    <ul>
<li>Lorem Ipsum</li>
<li>Lorem Ipsum</li>
<li>Lorem Ipsum</li>
<li>Lorem Ipsum</li>
    </ul></li>
<li>Portfolio
    <ul>
<li>Lorem Ipsum</li>
<li>Lorem Ipsum</li>
<li>Lorem Ipsum</li>
<li>Lorem Ipsum</li>
        </ul></li>
<li>Clients</li>
<li>Events
    <ul>
<li>Lorem Ipsum</li>
<li>Lorem Ipsum</li>
<li>Lorem Ipsum</li>
        </ul></li>
<li>Media<ul>
<li>Lorem Ipsum</li>
<li>Lorem Ipsum</li>
<li>Lorem Ipsum</li>
<li>ILorem Ipsum</li>
    </ul></li>
    <li>Contact Us</li>
</ul>

CSS

body{width:100%;}
ul {width:100%; list-style:none;}
ul li {float:left; width:150px; font-weight:bold;}
ul li ul {padding:0;}
ul li ul li {float:none; padding:5px 0; font-weight:normal;}