JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
  <div class="wrapper-line">
    <label class="label" for="vorname">Vorname</label>
    <input id="vormname" type="text" /> 
    <label for="nachname">Nachname</label>
    <input id="nachname" type="text" /> 
  </div> 

  <div class="wrapper-line">
    <label class="label" for="email">Email</label>
    <input id="email" type="text" />
  </div>
</div>

CSS

.wrapper {
  padding: 30px 15px;
  font-family: sans-serif;
}
.wrapper-line {
  float: left;
  margin: 0 0 10px 0;
  width: 100%;
}
.label {
  display: inline-block;
  width: 70px;
}