JSFiddle - React, Tailwind, and code Playground

by Robert Herring

HTML

<div class='content'>
    <table>
        <tr class="search">
            <td>...</td>
            <td>...</td>
            <td>
                <select id="id_source" class="ui-corner-all" multiple="multiple" name="source">
                    <option value="1">Test1</option>
                </select>
            </td>
            <td>
                <select id="id_owner" class="ui-corner-all" multiple="multiple" name="owner">
                    <option value="1">admin</option>
                    <option value="2">Janusz</option>
                </select>
            </td>
        </tr>
    </table>
</div>

CSS

.search td {
    position:relative;
    vertical-align: top;
    width: auto;
    height: auto;
}
.search select[multiple=multiple] {
    height:1.5em;
    background-color:#D4CCB0;
    position: absolute;
    padding:4px;
    /* top:0px */
}
table, td {
    border:1px solid #999;
}
table {
    width: 100%;
    height: 100px;
    margin-top: 100px;
}