JSFiddle - React, Tailwind, and code Playground

HTML

<form class="form">
  <p class="text">Регистрация</p>
  <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

body {
  text-align:center;
}
.form {
  display:inline-block;
}
.text {
  text-align:center;
  font-size:25px;
  font-weight:bold;
}
.form-row {
  display:block;
  margin-bottom:10px;
}
.form-row label {
  display:inline-block;
  width:100px;
  text-align:left;
}
.form-row input {
  
}