JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/ui/1.8.5/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.5/themes/ui-lightness/jquery-ui.css">
<div class="container" style="overflow: auto; width: 300px">
    <table cellpadding="0" cellspacing="0" border="0" style="width: 400px">
        <tr>
            <td>
                <div class="slider"></div>
            </td>
        </tr>
    </table>
</div>

CSS

.container {
    overflow: auto;
    width: 300px;
    margin: 20px;
    padding:10px 0;
    background-color: #cccccc;
}

.slider {
    width: 100%;
    position: relative;
    height: 20px;
    background-color: orange;
}