JSFiddle - React, Tailwind, and code Playground

HTML

<form action="">
    <ul>
        <li>
            <label>this fails</label>
            <input type="text" name="foo" value="this also fails" />
            <select name="bar">
                <option>cannot be seen</option>
                <option>umad?</option>
            </select>
        </li>
    </ul>
</form>
<p>popo</p>

CSS

ul, li{
    list-style-type: none;
}

li {
    position: relative;
}

input, select, label {
    float: left;
    
}