JSFiddle - React, Tailwind, and code Playground

by kboucher

HTML

<div>
    <select>
        <option> - Options - </option>
        <option>Really super long option title</option>
        <option>Extra really super long option title</option>
        <option>Super-sized really super long option title</option>
    </select>
    <p>Some subsequent content</p>
</div>
<div>
    <p>Some adjacent content</p>
</div>

CSS

div {
    background: #ccc;
    float: left;
    height: 100px;
    margin: 10px 0 0 10px;
    overflow: hidden;
    padding: 5px;
    width: 125px;
}
select { width: 115px; }
select:focus { width:auto; }