如何在单行中显示标签和 UI-Slider-Range答案

【问题标题】：How to display Label and UI-Slider-Range in Single Line如何在单行中显示标签和 UI-Slider-Range
【发布时间】：2015-06-18 11:04:25
【问题描述】：

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

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

我正在尝试将它向上移动到带有标签的滑块，因此它将在单行中。预期结果：-

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>

请任何人帮助我。

【问题讨论】：

标签： ajax uislider jquery-ui-slider

【解决方案1】：

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

【讨论】：