JSFiddle - React, Tailwind, and code Playground

by agib

HTML

<label>2012</label>
<select>
<optgroup label="FORĂ…R 2012">
<option>...</option>
<option>...</option>    
    <option>UGE 18 &nbsp;&nbsp;30.apr &ndash; 06.maj</option>  
<option>UGE 19 &nbsp;&nbsp;07.maj &ndash;13.maj</option>
    <option>UGE 20 &nbsp;&nbsp;14.maj &ndash; 20.maj</option>  
<option>UGE 21 &nbsp;&nbsp;21.maj &ndash; 27.maj</option>
</optgroup>

<optgroup label="SOMMER 2012">
  <option>UGE 22 &nbsp;&nbsp;28.maj &ndash; 03.jun</option>
  <option class="selected">UGE 23 &nbsp;&nbsp;04.jun &ndash; 10.jun</option>
  <option>UGE 24 &nbsp;&nbsp;11.jun &ndash; 17.jun</option>
<option>UGE 25 &nbsp;&nbsp;18.jun &ndash; 24.jun</option>
<option>UGE 26 &nbsp;&nbsp;25.jun &ndash; 01.jul</option>
<option>...</option>
<option>...</option>
</optgroup>
</select>

CSS

body { font-family: Arial; }
.selected { background:green; color:White }