在水平jquery范围滑块之前和之后放置文本

Question

我需要以编程方式创建一个jquery范围滑块，该滑块之前带有文本，之后是文本，其外观类似于BEFORE（范围滑块）之后。我知道如何创建具有所需宽度和高度的元素以容纳水平滑块，并将滑块与窗口的左边缘或右边缘对齐，但是我不知道如何将滑块放置在某些现有滑块的右侧文本，然后能够在滑块的右侧添加一些文本，所有文本都在同一行上。我可能缺少一些琐碎的东西。

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>