JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
 <input type="text" id="txt">
 <label for="txt">Label Text</label>
 </div>

CSS

.container
{
  position:relative;
}
.container label
{
  position:absolute;
  left:10px;
  top:10px;
  font-family:'helvetica', arial;
  font-size:14px;
}
.container input[type='text']
{
  padding:10px 10px 12px 10px;
}

.container input[type='text']:focus ~ label
{
top:5px;
font-size:9px;
}