JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<body>
  <form>
    <table>
      <tr>
        <td><label>Sport:</label></td>
        <td>
          <select id="sport" name="sport" style="width:100px">
            <option value="all" selected>All</option>
            <option value="running">Running</option>
            <option value="skiing">Skiing</option>
            <option value="cycling">Cycling</option>
            <option value="multisport">Multisport</option>
          </select>
        </td>
      </tr>
      <tr>
        <td><label>DistanceFrom:</label></td>
        <td>
          <select id="distanceFrom" name="distanceFrom" style="width:100px">
            <option value="0" selected>0km</option>
            <option value="1000">1km</option>
            <option value="5000">5km</option>
            <option value="10000">10km</option>
            <option value="25000">25km</option>
            <option value="45000">45km</option>
          </select>
        </td>
      </tr>
      <tr>
        <td><label>DistanceTo:</label></td>
        <td>
          <select id="distanceTo" name="distanceTo" style="width:100px">
            <option value="1000" selected>1km</option>
            <option value="5000">5km</option>
            <option value="10000">10km</option>
            <option value="25000">25km</option>
            <option value="45000">45km</option>
            <option value="75000">75km</option>
            <option value="500000">&gt;75km</option>
          </select>
        </td>
      </tr>
      <tr>
        <td><label>Location:</label></td>
        <td><input type="text" id="location" name="location" placeholder="location" style="width:100px"></td>
      </tr>
    </table>
  </form>
</body>
</html>