JSFiddle - React, Tailwind, and code Playground

by Ilia Lesnykh

HTML

<form>
  <div class="row">
    <label for="code">Code:</label>
    <input type="text" name="code" id="code" />
  </div>
  <div class="row">
    <label for="type">Type:</label>
    <select name="type" id="type">
      <option value="0">Discount</option>
    </select>
  </div>
  <div class="row">
    <label for="amount">Amount:</label>
    <input type="number" step="0.01" name="amount" id="amount" placeholder="$100.00" />
  </div>
  <div class="row">
    <input type="submit" value="Submit" />
  </div>
</form>

CSS

form {
  width: 300px;
  padding: 30px;
}

.row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.row label {
  width: 100px;
}