JSFiddle - React, Tailwind, and code Playground

by Jeroen Heijmans

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;
    text-align: center;
    padding: 0;
    margin: 0;
}

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

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