JSFiddle - React, Tailwind, and code Playground

by Debloper

HTML

<section>
  <input type="text" id="demo" />
  <label for="demo">Permanent Hint</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: 8px;
    color: #ccc;
    display: block;
    position: relative;
    z-index: -1;
}