JSFiddle - React, Tailwind, and code Playground

by rami7250

HTML

<table width="600">
    <tr>
        <td width="200">
            <label for="select-song">Select your favourite song</label>
        </td>
        <td width="200">            
            <label for="select-gender">Select gender</label>
        </td>
        <td width="100">
            <label for="your-mood">Your mood</label>
        </td>
        <td width="100"> 
        </td>
    </tr>
    <tr>
        <td>
            <select name="song" id="select-song" class="input-step">
                <option value="">Select song</option>
                <option value="Katyusha">Katyusha</option>
                <option value="Gangnam style">Gangnam style</option>
            </select>
        </td>
        <td>            
            <select name="gender" id="select-gender" class="input-step">
                <option>Select gender</option>
                <option value="Male">Male</option>
                <option value="Female">Female</option>
            </select>
        </td>
        <td>
             <select name="gender" id="select-gender" class="input-step">
                <option>Select gender</option>
                <option value="Male">Male</option>
                <option value="Female">Female</option>
            </select>
        </td>

    </tr>
</table>