JSFiddle - React, Tailwind, and code Playground

by Sebastian Brosch

HTML

<!-- example for http://stackoverflow.com/questions/32866858/html5-layout-issue-with-select-list-and-buttons -->
<div id="presets">
    <select >
        <optgroup ng-repeat="item in qo.presets">
            <option>{{item.name}}</option>
        </optgroup>
    </select>
    <button>RM</button>
    <button>ED</button>
    <button>AD</button>
</div>

CSS

#presets {
    border: 1px solid #000;
    display: flex;
    margin: auto;
    padding: 3px;  
}
#presets select {
    margin-right: 5px;
    width: 100%; 
}
#presets button {
    margin-right: 5px;
}
#presets button:last-child {
    margin-right: 0;
}