JSFiddle - React, Tailwind, and code Playground

by Debloper

HTML

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

CSS

section {
    width: 240px;
    margin: 4em auto;
    position: relative;
}
input {
    top: -22px;
    color: #eee;
    z-index: -1;
    background: green;
    position: relative;
    border: 1px solid #ccc;
    padding: 4px 4px 4px 48px;
}
label {
    color: #ccc;
    display: block;
    padding-left: 8px;
}