JSFiddle - React, Tailwind, and code Playground

by Dan Daniel

HTML

<div id="cont">
<span id="zero">0</span>
<input id='rangeInput' type=range min=-4830 max=5000 value=0 step=1 list="numbers" oninput="amount.value=rangeInput.value" />
<datalist id="numbers">
<option>0</option>
</datalist>
</div>
<output id="amount" name="amount" for="rangeInput">0</output>

CSS

#cont {
    position: relative;
    width: 400px;
}
#zero {
    position:absolute;
    left:50%;
    color: lightgray;
}

#rangeInput {
    margin-top: 20px;
    width: 410px;
}