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

Question

我正在使用带有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>

请有人帮助我。

Answer 1

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