JSFiddle - React, Tailwind, and code Playground

by yucca42

HTML

<form>
    <select id="news2">
        <option selected value="Click Here"></option>
        <option value="1">    JAN  2000 - Title 1     </option>
        <option value="2">    FEB  1191 - Title 2     </option>
        <option value="3">    MAR  2014 - Title 3     </option>
        <option value="4">    APR  1995 - Title 4     </option>
        <option value="5">    MAY  2034 - Title 5     </option>
        <option value="6">    JUNE 2210 - Title 6     </option>
        <option value="7">    JULY 1991 - Title 7     </option>
    </select>
    <hr>
            <table>
        <tr><td><input type="radio" name="news2" value="1">
            <td>JAN
            <td>2000
            <td>- Title 1
       <tr><td><input type="radio" name="news2" value="2">
            <td>FEB
            <td>1191
            <td>- Title 2
          <tr><td><input type="radio" name="news2" value="3">
            <td>MAR
            <td>2014
            <td>- Title 3
       <tr><td><input type="radio" name="news2" value="4">
            <td>APR
            <td>1995
            <td>- Title 4
       <tr><td><input type="radio" name="news2" value="5">
            <td>MAY
            <td>2034
            <td>- Title 5
       <tr><td><input type="radio" name="news2" value="6">
            <td>JUNE
            <td>2210
            <td>- Title 6
       <tr><td><input type="radio" name="news2" value="7">
            <td>JULY
            <td>1991
            <td>- Title 7
    </table>  
</form>

CSS

#news2, #news2 option {
  font-family: Consolas, monospace;
}