JSFiddle - React, Tailwind, and code Playground

by petersendidit

HTML

<select multiple="multiple" size="1">
<option>Option</option>
</select>

<select multiple="multiple" size="2">
<option>Option</option>
    <option>Option</option>
</select>

<select multiple="multiple" size="3">
    <option>Option</option>
    <option>Option</option>
    <option>Option</option>
</select>

<select multiple="multiple" size="4">
    <option>Option</option>
    <option>Option</option>
    <option>Option</option>
    <option>Option</option>
</select>

<select multiple="multiple" size="5">
    <option>Option</option>
    <option>Option</option>
    <option>Option</option>
    <option>Option</option>
    <option>Option</option>
</select>

<select multiple="multiple" size="6">
    <option>Option</option>
    <option>Option</option>
    <option>Option</option>
    <option>Option</option>
    <option>Option</option>
    <option>Option</option>
</select>


<select multiple="multiple" size="7">
    <option>Option</option>
    <option>Option</option>
    <option>Option</option>
    <option>Option</option>
    <option>Option</option>
    <option>Option</option>
    <option>Option</option>
</select>


<select multiple="multiple" size="8">
    <option>Option</option>
    <option>Option</option>
    <option>Option</option>
    <option>Option</option>
    <option>Option</option>
    <option>Option</option>
    <option>Option</option>
    <option>Option</option>
</select>

<select multiple="multiple" size="8">
    <option>Option</option>
    <option>Option</option>
    <option>Option</option>
    <option>Option</option>
    <option>Option</option>
    <option>Option</option>
    <option>Option</option>
    <option>Option</option>
    <option>Option</option>
</select>

CSS

select {
    display: block;
    margin-bottom: 10px;
    
}