JSFiddle - React, Tailwind, and code Playground

HTML

<section>
  <input type="text" id="demo" />
  <label for="demo">. . .</label>
</section>

CSS

section {
    width: 480px;
    margin: 4em auto;
    position: relative;
}
input {
    padding: 4px 8px;
    border: 1px solid #ccc;
    background: transparent;
}
label {
    top: -24px;
    left: 30px;
    color: red;
    display: block;
    position: relative;
}