jquery - 在水平 jquery 范围 slider 之前和之后放置文本

Question

我需要以编程方式创建一个 jquery 范围 slider ，它前面是文本，后面是文本，看起来像 BEFORE (range slider) AFTER。我知道如何创建一个具有所需宽度和高度的元素来固定水平 slider ，并将 slider 对齐到窗口的左边缘或右边缘，但我无法弄清楚如何将 slider 放置在某些现有元素的右侧文本，然后能够在 slider 的右侧添加一些文本，所有这些都在同一行上。我可能遗漏了一些微不足道的东西。

Answer 1

你可以使用，

display:inline-block;

.inline{
    display: inline-block;
}

<div class="inline">This is some text</div>
<input type="range" class="inline">
<div class="inline">This is some text</div>