JSFiddle - React, Tailwind, and code Playground

HTML

<div id="topo">
    <div id="menu">
    <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Services</a></li>
        <li><a href="#">Portfolio</a></li>
        <li><a href="#">Blog</a></li>
        <li><a href="#">Contato</a></li>
    </ul>
    </div>
</div>

CSS

#topo {
background-color: #1a1e27;
color:#FFFFFF; 
width:950px;
overflow: hidden;
}
#topo li {
    display:inline;
    float: left;
    margin-left: 5px;
}