JSFiddle - React, Tailwind, and code Playground

by Ravindra Athreya

HTML

<div style="width:100px; padding:3px; box-sizing: border-box; border:1px solid rgb(51, 153, 255); border-radius:5px; ">
<span style="width:28px; font-size:14px; color:#ccc; float:left;padding-top:2px">
0
</span>
<input type="text" autofocus style="width:35px;  border:none; background-color:#f3f5f6;" value="100" />
<span style="width:25px; font-size:14px; color:#ccc; float:right;padding-top:2px">
100
</span>
</div>

CSS

input[type="text"] { 
    outline: none;
}