JSFiddle - React, Tailwind, and code Playground

HTML

<p class="text">Регистрация</p>
<form class="form">
  <div class="form-row">
    <label for="name">Имя:</label>
    <input type="text" id="name" name="name"/>
  </div>
  <div class="form-row">
    <label for="family">Фамилия:</label>
    <input type="text" id="family" name="family"/>
  </div>
</form>

CSS

.form {
  display:table;
  margin:0 auto;
}
.text {
  text-align:center;
  font-size:25px;
  font-weight:bold;
}
.form-row {
  display:table-row;
}
.form-row label {
  display:table-cell;
  text-align:left;
  padding: 0 20px 20px 0;
}
.form-row input {
  display:table-cell
}