JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
<label class="label">Email Address</label>
<input class="input"/>
</div>

CSS

.wrapper{
position: relative;
font-size: 10px;
}

.label{
  position: absolute;
  top: -5px;
  left: 8px;
  background-color: #ffffff;
  padding: 0px 3px;
}

.input {
border-radius: 7px;
}