JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
  <div class="wrapper-left">
    <label class="label" for="vorname">Vorname</label>
    <input id="vormname" type="text" /> 
    <br />&nbsp<br />
    <label class="label" for="email">Email</label>
    <input id="email" type="text" />
  </div> 

  <div class="wrapper-right">
    <label for="nachname">Nachname</label>
    <input id="nachname" type="text" /> 
  </div>
</div>

CSS

.wrapper {
  padding: 30px 15px;
  font-family: sans-serif;
}
.wrapper-left {
  float: left;
  width: 49.9%;
}
.wrapper-right {
  float: right;
  width: 49.9%;
}
.label {
  display: inline-block;
  width: 70px;
}