jQuery Forum

How do I change the position of the label on a slider? I am trying to have the label appear to the left or right of the slider instead of on top of it.

I'd tried playing around with the css file with no success.

<script>
        $(function () {
            $("#slider-range").slider({
                range: true,
                min: 0,
                max: 1000,
                values: [0, 1000],
                slide: function (event, ui) {
                    $("#amount").val("$" + ui.values[0] + " - $" + ui.values[1]);
                }
            });
            $("#amount").val("$" + $("#slider-range").slider("values", 0) +
            " - $" + $("#slider-range").slider("values", 1));
        });
    </script>

    </head>
<div style="width:200px">
    <label for="amount"></label>
    <input type="text" id="amount" style="border:0; color:#000000;" />
<div id="slider-range" ></div>
</div>