JSFiddle - React, Tailwind, and code Playground

by petersendidit

HTML

<div id="wrapper">
    <table>
        <tr>
            <td> <input type="text"> </td>
        </tr>
        <tr>
            <td width="200">
                <div id="selectwrapper"><select id="myselect">
                    <option>test option</option>
                    <option>This is a really really really long string of text that will make it really hard to handle this select element</option>
                    </select></div></td>
        </tr>
        <tr>
            <td> <input type="text"> </td>
        </tr>
    </table>
    
</div>

CSS

#wrapper{
    margin-left: 50px;
}
td{
    border: 1px solid black;
}
/** IE6 only selector hacks*/
/*\*/ * html #myselect{
    position: absolute;
    top:0;
    left:0;
}/**/
/*\*/ * html #selectwrapper{
    position:relative;
    height:2em;
}/**/