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:25px; font-size:14px; color:#ccc; float:left;padding-top:2px">
0
</span>
<input type="text" style="width:40px;  border:none; background-color:#f3f5f6; color:rgb(51, 153, 255); font-weight:bold" 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;
}