JSFiddle - React, Tailwind, and code Playground

by agib

HTML

<div id="wrapper">
<select size="1">
     <option value="">Brugerdefineret</option>
     <option value="">I dag</option>
     <option value="">I går</option>
     <option value="">Indeværende uge</option>
    <option value="">Forrige uge</option>
    <option value="">Indeværende måned</option>
    <option value="">Forrige måned</option>
    <option value="">Indeværende kvartal</option>
     <option value="">Forrige kvartal</option>
    <option value="">Indeværende halvår</option>
     <option value="">Forrige halvår</option>
    <option value="">Indeværende år</option>
    <option value="">Forrige år</option>
    <option value="">Sidste 7 dage</option>
</select>
    
<select size="1">
 <option value="">Brugerdefineret</option>
 <option value="">I dag</option>
 <option value="">I går</option>
 <optgroup label="Seneste">
    <option value="lastweek">Uge</option>
    <option value="lastfortnight">14 dage</option>
    <option value="lastmonth">Måned</option>
    <option value="lastquarter">3 måneder</option>
    <option value="last6months">Halvår</option>
    <option value="lastyear">År</option>
  </optgroup>
 <optgroup label="Indeværende">
     <option value="currentweek">Uge</option>
    <option value="currentmonth">Måned</option>
    <option value="currentquarter">Kvartal</option>
    <option value="current6months">Halvår</option>
    <option value="currentyear">År</option>
  </optgroup>
<optgroup label="Forrige">
     <option value="previousweek">Uge</option>
    <option value="previousmonth">Måned</option>
    <option value="previousquarter">Kvartal</option>
    <option value="previous6months">Halvår</option>
    <option value="previousyear">År</option>
  </optgroup>
</select> 
    

    <select size="1">
 <option value="">Brugerdefineret</option>
 <option value="">I dag</option>
 <option value="">I går</option>
 <optgroup label="Seneste">
     <option value="">Uge <span style="color:#AAA;">(seneste)</span></option>
    <option value="">14 dage...

CSS

select { width: 160px; margin-right: 20px; }

#wrapper{ margin: 60px auto; width: 740px; }