JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <label for="myslider">Slider:</label>
    <input type="range" id="myslider" min="1" max="100" />
</div>

CSS

div {
    display: table-cell;
    vertical-align: middle;
    height: 50px;
    border: 1px solid red;
}