JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"/>

<table>
    <tr>
        <td>
            <span id="slider" style="display: inline-block; width: 100px; vertical-align: middle;"></span>
            <input type="text" style="vertical-align: middle;" />
        </td>
    </tr>
</table>

CSS

td {
    padding: 10px;
    border: 1px solid black;
}

JavaScript

$("#slider").slider({min: 0, max: 100, value:50});