Javascript评级-结果到同一行

当我在圆圈上悬停时，如何在同一行中得到结果1-5

请看

您在ratinginfo div中定义了一个clear:left。这意味着它的左边不能有其他浮动元素，因此它显示为一种新行。将其替换为float left声明

另外，p标记正在添加段落空间，这会中断float left声明。将p标记更改为div标记

工作小提琴

新CSS：

#ratinginfo {float:left; width:50px; margin-left:0px; }

新的js：

    // Add the text to the rating info box
    $("<div />")
        .html($(this).html())
        .appendTo(ratingInfobox);

//将文本添加到评级信息框中
$("")
.html（$（this.html（））
.附录（比率信息框）；

您的意思是希望列表项显示在同一行吗？请查看JSFIDLE…在圆圈上悬停时，结果（1 2 3 4 5）分别出现在同一行中…它如何出现在同一行中？由于语言障碍而进行的向下投票是荒谬的。小提琴清楚地说明了问题所在。这个问题完全不清楚，小提琴并没有让我更容易……我不知道看小提琴并反复阅读“同一行”这几个字还能得出什么结论。回答这个问题还需要什么其他信息？干杯！祝你的项目好运。

    // Add the text to the rating info box
    $("<div />")
        .html($(this).html())
        .appendTo(ratingInfobox);