JSFiddle - React, Tailwind, and code Playground

by kthornbloom

HTML

Chrome
<input type="text" id="myinput">

CSS

input {
padding: 10px 50px 10px 10px;
background: none;
/* show padding areas */
box-shadow:  inset -50px 0 0 #dfe8f0, inset 10px 0 0 #dfe8f0;
border: 1px solid #222;
margin: 1em;
width: 50px;
}

body {
  font-family: sans-serif;
}