JSFiddle - React, Tailwind, and code Playground

by budyniowski

HTML

<label>
  <input>
  <span>Text 3456</span>
   <span>Text 123</span>
</label>

<label>
  <input>
  <span>Text</span>
</label>

CSS

label{
  display:block;
  height:60px;
  overflow:auto;
  position:relative;
}
input{
  position:absolute;
  top:20px;
}
input ~ span{
 transition:top 1s ease;
 position:absolute;
 top:20px;
}
input:focus ~ span{
 top:0px;
}