JSFiddle - React, Tailwind, and code Playground

HTML

<section class="container">
<ul>
    <li>one
    </li><li><select>
        <option>TwoA</option>
        <option>TwoB</option>
        <option>TwoC</option>
        </select>
     </li><li>three
    </li><li>four</li>
</ul>
</section>

CSS

html body{
    padding: 0;
    margin: 0;
}

.container{
    width: 100%;
    height: 40px;
    background: yellow;

    padding: 0px;
    margin: 0px;
}

.container ul{
    list-style: none;
    height: 100%;
    padding: 0px;
    width: 100%
}

.container ul li{
    display: inline-block;
    line-height: 40px;
    padding: 0px;
    width: 25%;
}
.container select{
    height: 40px;
    padding: 0px;
    background: orange;
}