JSFiddle - React, Tailwind, and code Playground

by Richard Hunter

HTML

<div id="filters">
    <select id="interior">
        <option>apple</option>
        <option>banana</option>
        <option>carrot</option>
    </select>
    <select id="exterior">
        <option>one</option>
        <option>two</option>
        <option>three</option>
    </select>
    <select id="features">
        <option>alpha</option>
        <option>beta</option>
        <option>gamma</option>
    </select>
</div>

CSS

select {
    border : solid 1px red;
    padding : 6px 0;
    line-height : 1;
    width : 100%;
    margin-top : 10px;
    font-size : 20px;
    padding : 10px;
}
#filters {
    width : 200px;
}