<form>
  <div class="controls">
    <label for="id">User ID:</label>
    <input type="text" id="id" name="id" />

    <input type="reset" value="Reset" />
    <input type="submit" value="Submit" />
  </div>
</form>

.controls {
  padding-top: 1rem;
  display: grid;
  grid-template-rows: repeat(3, 1fr);
  grid-template-columns: 1fr 2fr;
  gap: 0.7rem;
}

label {
  font-size: 0.8rem;
  justify-self: end;
}

input[type='reset'],
input[type='submit'] {
  width: 5rem;
  justify-self: end;
}

input[type='reset'] {
  grid-column: 2;
  grid-row: 2;
}

input[type='submit'] {
  grid-column: 2;
  grid-row: 3;
}