如何在单行中显示Label和UI-Slider-Range

时间:2015-06-18 11:04:25

标签: ajax uislider jquery-ui-slider

我正在使用带有Label的滑块范围。所以它看起来像

Time 12:00am to 5:00pm
here my slider-range is displaying

我正在尝试使用Label向上移动到滑块,因此它将在单行中。 期待结果: -

Time 12:00am to 5:00pm here my slider-range is displaying

我正在使用此代码。

<div id="time-range" class="padTopBottom10">
<p>Time : <span class="slider-time">12:00 AM</span> - <span class="slider-time2">05:00 PM</span></p>
<div class="sliders_step1">
    <div id="slider-range"></div>
</div>

请有人帮助我。

1 个答案:

答案 0 :(得分:1)

您的<p><div>标记都是块元素,您需要在CSS中将它们设置为display: inline-block;:)