JSFiddle - React, Tailwind, and code Playground

HTML

<span data-range-min="1" data-range-max="5"><input type="range" id="test" min="1" max="5" /></span>

CSS

span {
    position: relative;
}
span:after {
    position: absolute;
    top: 1em;
    right: 0em;
    content: attr(data-range-max);
}
span:before {
    position: absolute;
    top: 1em;
    content: attr(data-range-min);
}