JSFiddle - React, Tailwind, and code Playground

by LuckyCat

HTML

<div class="form">

  <fieldset>
    <legend>Registration Form</legend>
    <div><label>Name<input title="Your Name" type="text" required placeholder="Ваше имя"></label> </div>
    <div><label>Age<select title="Your Age" type="text"></select></label> </div>
    <div><label>Email<input title="Your Email" type="email"></label></div>
    <div><label>Pass<input title="Your Password" type="password"></label></div>
    <div><input class="btn" type="submit"> </div>
  </fieldset>


</div>

CSS

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.form {
  width: 300px;
  height: 300px;
  position: relative;
  top: 50px;
  left: 80px;
  float: left;
}

input {
  margin: 20px;
  margin-left: 20px;
  width: 150px;
  margin-right: 40px;
}

.btn {
  width: 120px;
  margin-left: 110px;
}

fieldset {
  position: absolute;
  width: 300px;
  height: 300px;
}

select {
  width: 155px;
  margin-left: 30px;
}

label {
  display: block;
  padding-left: 20px;
}