JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>
        <label for="input_01">Lael</label>
    </li>
    <li>
        <input type="text" name="input_01" class="textInput"/>
        <select>
            <option>Option 1</option>
            <option>Option 2</option>
        </select>
        x
        x
        x
    </li>
    <li>
        <input type="button" value="button 1" />
        <input type="button" value="button 2" />
    </li>
    <li>
        <select>
            <option>Option 1</option>
            <option>Option 2</option>
        </select>
    </li>
</ul>

CSS

ul     {overflow:hidden;}
li     {float:left; display:inline; border:1px solid #333; padding:6px;}
input  {display:block;}