JSFiddle - React, Tailwind, and code Playground

by ChrisStanyon

HTML

<div class="form-group">
  <label for="name">Name</label>
  <input type="text" name="name" id="name">
</div>

<div class="form-group">
  <label for="room">Select Room</label>
  <select name="room" id="room">
    <option value="room1">Room 1</option>
    <option value="room1">Room 1</option>
    <option value="room1">Room 1</option>
  </select>
</div>

<div class="form-group">
  <label for="date">Date</label>
  <input type="text" name="date" id="date">
</div>

CSS

.form-group {
  overflow: hidden;
}

.form-group label {
  display: inline-block; float:left; width: 20%;
}

.form-group input,
.form-group select {
  width: 80%;
}