Javascript CSS空白nowrap不'；似乎不起作用，可能是另一个问题？

我试图在我的范围滑块上加一个加号。它显示在滑块下方，而不是数字之后。我相信这是一个简单的解决办法，但我不知道我在这里做错了什么

下面是一个JSFIDLE示例

.sliderGroup{
浮动：左；
宽度：250px；
高度：50px；
保证金：5px；
填充：15px；
边框：3倍纯黑；
背景色：rgb（230255230）
} 
.中心{
保证金：自动；
宽度：50%；
填充：10px；
}
daysAR先生{
高度：50px；
空白：nowrap；
}
可接收账户天数

30

---

提前谢谢。

只需将您的

p

标签更改为

span

要更改的代码：

请查看以下内容：

函数帐户可撤销滑块（AR）{
document.querySelector（“#daysInAR”）.value=AR；
var selectday=document.querySelector（“#daysInAR”）.value
如果（选择Day>60）{
document.getElementById（“plus”）.innerHTML=（“+”）
}否则{
document.getElementById（“plus”）.innerHTML=（“”）
}
}

.sliderGroup{
浮动：左；
宽度：250px；
高度：50px；
保证金：5px；
填充：15px；
边框：3倍纯黑；
背景色：rgb（230255230）
} 
.中心{
保证金：自动；
宽度：50%；
填充：10px；
}
daysAR先生{
高度：50px；
空白：nowrap；
}

可接收账户天数

30
问题是您使用的是块级元素，如
。只需将其更改为自然内联的内容，如
，即可解决此问题

您需要将加号从一个段落改为另一个段落，它可以根据您的需要工作

<span id="plus"></span>

p是块元素，块元素不允许任何其他元素与它们位于同一行中，请使用位于同一行中任何其他元素旁边的跨行元素了解有关块元素和内联元素的更多信息
请访问下面的链接



.sliderGroup{
浮动：左；
宽度：250px；
高度：50px；
保证金：5px；
填充：15px；
边框：3倍纯黑；
背景色：rgb（230、255、230）
}
.中心{
保证金：自动；
宽度：50%；
填充：10px；
}
daysAR先生{
高度：50px；
}

应收款账户中的天数


30+

<span id="plus"></span>